function Header({ navigateTo, userName, currentScreen }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-nowrap gap-4 mb-4 md:mb-0 overflow-x-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Dashboard"), className: `hover:underline whitespace-nowrap ${currentScreen === "Dashboard" ? "font-bold underline" : ""}`, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "ダッシュボード"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Orders"), className: `hover:underline whitespace-nowrap ${currentScreen === "Orders" ? "font-bold underline" : ""}`, __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "注文管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Deliveries"), className: `hover:underline whitespace-nowrap ${currentScreen === "Deliveries" ? "font-bold underline" : ""}`, __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "配送管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Customers"), className: `hover:underline whitespace-nowrap ${currentScreen === "Customers" ? "font-bold underline" : ""}`, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "顧客管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Reports"), className: `hover:underline whitespace-nowrap ${currentScreen === "Reports" ? "font-bold underline" : ""}`, __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "レポート")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, userName), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Login"), className: "hover:underline", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "ログアウト"))); } function LoginScreen({ navigateTo }) { const handleLogin = (e)=>{ e.preventDefault(); navigateTo("Dashboard"); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-6 md:p-8 shadow-md rounded-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-center", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "userIdOrEmail", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "ユーザーIDまたはメールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "userIdOrEmail", className: "mt-1 block w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", className: "mt-1 block w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-500 text-white rounded-md mt-4", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "ログイン")))); } function DashboardScreen({ navigateTo, orders }) { const todaysOrders = 10; const shippedOrders = 5; const delayedOrders = 2; const [notifications, setNotifications] = React.useState([ { id: "1", timestamp: "2025-01-01 10:00", productName: "商品A", customerName: "顧客A" }, { id: "2", timestamp: "2025-01-02 11:00", productName: "商品B", customerName: "顧客B" }, { id: "3", timestamp: "2025-01-03 12:00", productName: "商品C", customerName: "顧客C" } ]); React.useEffect(()=>{ const interval = setInterval(()=>{ const newOrder = { id: Math.random().toString(36).substr(2, 9), timestamp: new Date().toLocaleString(), productName: `商品${Math.floor(Math.random() * 10)}`, customerName: `顧客${Math.floor(Math.random() * 10)}` }; setNotifications((prev)=>[ newOrder, ...prev ]); }, 30000); return ()=>clearInterval(interval); }, []); const pendingOrders = orders.filter((order)=>order.status === "処理中"); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-4 md:p-8", __source: { fileName: "", lineNumber: 145, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", currentScreen: "Dashboard", __source: { fileName: "", lineNumber: 146, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mt-4", __source: { fileName: "", lineNumber: 151, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 md:p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold text-blue-600", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, "本日の注文数: ", todaysOrders)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 md:p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 157, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold text-green-600", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, "出荷済み数: ", shippedOrders)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 md:p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold text-red-600", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, "遅延数: ", delayedOrders))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 md:p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, "週ごとの注文数の推移"), /*#__PURE__*/ React.createElement("div", { className: "h-[200px] bg-gray-200 flex items-center justify-center", __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3536843a-6368-4b01-8a16-f183b3bfc4b7/-/format/auto/", alt: "Order and Sales Graphs", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 md:p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, "注文通知"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, "件数: ", notifications.length)), /*#__PURE__*/ React.createElement("div", { className: "max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, notifications.map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: "border-b border-gray-200 py-3", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, notification.timestamp), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this }, notification.customerName, "様より", notification.productName, "の注文が入りました"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("OrderDetail"), className: "mt-2 text-sm text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }, "処理する →")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 210, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 md:p-6 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 211, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 212, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }, "未処理リスト"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, "件数: ", pendingOrders.length)), /*#__PURE__*/ React.createElement("ul", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this }, pendingOrders.map((order)=>/*#__PURE__*/ React.createElement("li", { key: order.id, className: "py-3", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-800", __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, order.customerName, " - ", order.productName), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("OrderDetail"), className: "text-sm text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }, "詳細 →"))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 237, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Orders"), className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white p-4 rounded-lg shadow-md hover:from-blue-600 hover:to-blue-700 transition-all", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, "注文管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Deliveries"), className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white p-4 rounded-lg shadow-md hover:from-blue-600 hover:to-blue-700 transition-all", __source: { fileName: "", lineNumber: 244, columnNumber: 9 }, __self: this }, "配送管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Customers"), className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white p-4 rounded-lg shadow-md hover:from-blue-600 hover:to-blue-700 transition-all", __source: { fileName: "", lineNumber: 250, columnNumber: 9 }, __self: this }, "顧客管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Reports"), className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white p-4 rounded-lg shadow-md hover:from-blue-600 hover:to-blue-700 transition-all", __source: { fileName: "", lineNumber: 256, columnNumber: 9 }, __self: this }, "レポート"))); } function OrderManagementScreen({ navigateTo }) { const [orders, setOrders] = React.useState([ { id: "1", customerId: "101", customerName: "顧客A", productName: "商品X", quantity: 2, orderDate: "2025-01-01", status: "処理中", deliveryId: "5678", deliveryAddress: "東京都渋谷区", deliveryDate: "2025-01-03", deliveryStatus: "配送中", history: [ { timestamp: "2025-01-01 10:00", user: "システム管理者", change: "注文作成" } ] }, { id: "2", customerId: "102", customerName: "顧客B", productName: "商品Y", quantity: 1, orderDate: "2025-01-05", status: "出荷済み", deliveryId: "5679", deliveryAddress: "神奈川県横浜市", deliveryDate: "2025-01-07", deliveryStatus: "配達済み", history: [ { timestamp: "2025-01-05 12:00", user: "システム管理者", change: "注文作成" }, { timestamp: "2025-01-06 14:00", user: "配送担当者", change: "ステータスを「出荷済み」に変更" } ] }, { id: "3", customerId: "103", customerName: "顧客C", productName: "商品Z", quantity: 3, orderDate: "2025-01-10", status: "処理中", deliveryId: "5680", deliveryAddress: "千葉県千葉市", deliveryDate: "2025-01-12", deliveryStatus: "配送中", history: [ { timestamp: "2025-01-10 16:00", user: "システム管理者", change: "注文作成" } ] }, { id: "4", customerId: "104", customerName: "顧客D", productName: "商品A", quantity: 1, orderDate: "2025-01-15", status: "出荷済み", deliveryId: "5681", deliveryAddress: "埼玉県さいたま市", deliveryDate: "2025-01-17", deliveryStatus: "配達済み", history: [ { timestamp: "2025-01-15 09:00", user: "システム管理者", change: "注文作成" }, { timestamp: "2025-01-15 17:30", user: "オペレーター", change: "配送日を2025-01-18に変更" }, { timestamp: "2025-01-16 11:00", user: "配送担当者", change: "ステータスを「出荷済み」に変更" } ] }, { id: "5", customerId: "105", customerName: "顧客E", productName: "商品B", quantity: 2, orderDate: "2025-01-20", status: "処理中", deliveryId: "5682", deliveryAddress: "茨城県水戸市", deliveryDate: "2025-01-22", deliveryStatus: "配送中", history: [ { timestamp: "2025-01-20 15:00", user: "システム管理者", change: "注文作成" } ] } ]); const [searchTerm, setSearchTerm] = React.useState(""); const [filteredOrders, setFilteredOrders] = React.useState(orders); const handleDelete = (orderId)=>{ const newOrders = orders.filter((order)=>order.id !== orderId); setOrders(newOrders); setFilteredOrders(newOrders); }; const handleSearch = (e)=>{ const query = e.target.value.toLowerCase(); setSearchTerm(query); if (!query) { setFilteredOrders(orders); return; } const keywords = query.split(/\s+/).filter((k)=>k); const filtered = orders.filter((order)=>keywords.every((keyword)=>Object.entries(order).some(([key, value])=>{ if (key === "history") return false; if (typeof value === "object") return false; return value.toString().toLowerCase().includes(keyword); }))); setFilteredOrders(filtered); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 417, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", currentScreen: "Orders", __source: { fileName: "", lineNumber: 418, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 423, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "スペースで区切って複数のキーワードで検索", className: "w-full border border-gray-300 rounded-lg p-3 shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent", value: searchTerm, onChange: handleSearch, __source: { fileName: "", lineNumber: 424, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden max-h-[calc(100vh-250px)]", __source: { fileName: "", lineNumber: 432, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-y-auto", __source: { fileName: "", lineNumber: 433, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 434, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50 sticky top-0", __source: { fileName: "", lineNumber: 435, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 436, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 437, columnNumber: 17 }, __self: this }, "注文ID"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, "注文日"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 455, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 461, columnNumber: 17 }, __self: this }, "請求先住所"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "relative px-6 py-3", __source: { fileName: "", lineNumber: 467, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 468, columnNumber: 19 }, __self: this }, "操作")))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 472, columnNumber: 13 }, __self: this }, filteredOrders.map((order)=>/*#__PURE__*/ React.createElement("tr", { key: order.id, __source: { fileName: "", lineNumber: 474, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 475, columnNumber: 19 }, __self: this }, order.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 476, columnNumber: 19 }, __self: this }, order.orderDate), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 479, columnNumber: 19 }, __self: this }, order.status), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 482, columnNumber: 19 }, __self: this }, order.customerName), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, order.deliveryAddress.split(" ")[0]), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("OrderDetail"), className: "text-blue-600 hover:text-blue-900", __source: { fileName: "", lineNumber: 489, columnNumber: 21 }, __self: this }, "詳細"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(order.id), className: "text-red-600 hover:text-red-900 ml-2", __source: { fileName: "", lineNumber: 495, columnNumber: 21 }, __self: this }, "削除")))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 508, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Dashboard"), className: "text-blue-500 hover:text-blue-700 transition-colors duration-200", __source: { fileName: "", lineNumber: 509, columnNumber: 9 }, __self: this }, "ダッシュボードに戻る"))); } function DeliveryManagementScreen({ navigateTo }) { const [deliveries, setDeliveries] = React.useState([ { id: "5678", address: "東京都渋谷区", status: "配送中", date: "2025-01-03", customerName: "顧客A", history: [ { timestamp: "2025-01-01 10:00", user: "システム管理者", change: "配送準備中" } ] }, { id: "5679", address: "神奈川県横浜市", status: "配達済み", date: "2025-01-07", customerName: "顧客B", history: [ { timestamp: "2025-01-05 12:00", user: "システム管理者", change: "配送準備中" }, { timestamp: "2025-01-06 14:00", user: "配送担当者", change: "配送中" } ] }, { id: "5680", address: "千葉県千葉市", status: "配送中", date: "2025-01-12", customerName: "顧客C", history: [ { timestamp: "2025-01-10 16:00", user: "システム管理者", change: "配送準備中" } ] }, { id: "5681", address: "埼玉県さいたま市", status: "配達済み", date: "2025-01-17", customerName: "顧客D", history: [ { timestamp: "2025-01-15 09:00", user: "システム管理者", change: "配送準備中" }, { timestamp: "2025-01-16 11:00", user: "配送担当者", change: "配送中" } ] }, { id: "5682", address: "茨城県水戸市", status: "配送中", date: "2025-01-22", customerName: "顧客E", history: [ { timestamp: "2025-01-20 15:00", user: "システム管理者", change: "配送準備中" } ] } ]); const [searchTerm, setSearchTerm] = React.useState(""); const handleDelete = (deliveryId)=>{ setDeliveries(deliveries.filter((delivery)=>delivery.id !== deliveryId)); }; const handleSearch = (e)=>{ setSearchTerm(e.target.value); const query = e.target.value; const keywords = query.split(" ").filter((k)=>k.length > 0); if (keywords.length === 0) { setDeliveries(deliveries); return; } setDeliveries((prevDeliveries)=>prevDeliveries.filter((delivery)=>keywords.every((keyword)=>Object.values(delivery).some((value)=>value.toString().toLowerCase().includes(keyword.toLowerCase()))))); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 631, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", __source: { fileName: "", lineNumber: 632, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 633, columnNumber: 7 }, __self: this }, "配送管理"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 634, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "スペースで区切って複数のキーワードで検索", className: "w-full border border-gray-300 rounded-lg p-3 shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent", value: searchTerm, onChange: handleSearch, __source: { fileName: "", lineNumber: 635, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden max-h-[calc(100vh-250px)]", __source: { fileName: "", lineNumber: 643, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-y-auto", __source: { fileName: "", lineNumber: 644, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 645, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50 sticky top-0", __source: { fileName: "", lineNumber: 646, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 647, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 648, columnNumber: 17 }, __self: this }, "配送ID"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 654, columnNumber: 17 }, __self: this }, "配送先"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 660, columnNumber: 17 }, __self: this }, "配送ステータス"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 666, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "relative px-6 py-3", __source: { fileName: "", lineNumber: 672, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 673, columnNumber: 19 }, __self: this }, "操作")))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 677, columnNumber: 13 }, __self: this }, deliveries.map((delivery)=>/*#__PURE__*/ React.createElement("tr", { key: delivery.id, __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this }, delivery.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 681, columnNumber: 19 }, __self: this }, delivery.address), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 684, columnNumber: 19 }, __self: this }, delivery.status), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 687, columnNumber: 19 }, __self: this }, delivery.customerName), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", __source: { fileName: "", lineNumber: 690, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("DeliveryDetail"), className: "text-blue-600 hover:text-blue-900", __source: { fileName: "", lineNumber: 691, columnNumber: 21 }, __self: this }, "詳細"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(delivery.id), className: "text-red-600 hover:text-red-900 ml-2", __source: { fileName: "", lineNumber: 697, columnNumber: 21 }, __self: this }, "削除")))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 710, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Dashboard"), className: "text-blue-500 hover:text-blue-700 transition-colors duration-200", __source: { fileName: "", lineNumber: 711, columnNumber: 9 }, __self: this }, "ダッシュボードに戻る"))); } function CustomerManagementScreen({ navigateTo }) { const [customers, setCustomers] = React.useState([ { id: "101", name: "顧客A", email: "customerA@example.com", phone: "03-1234-5678", address: "東京都渋谷区", registrationDate: "2025-01-01", lastOrderDate: "2025-01-20", totalOrders: 5, status: "利用中" }, { id: "102", name: "顧客B", email: "customerB@example.com", phone: "03-2345-6789", address: "神奈川県横浜市", registrationDate: "2025-01-02", lastOrderDate: "2025-01-15", totalOrders: 3, status: "利用中" }, { id: "103", name: "顧客C", email: "customerC@example.com", phone: "03-3456-7890", address: "千葉県千葉市", registrationDate: "2025-01-03", lastOrderDate: "2025-01-10", totalOrders: 2, status: "退会済み" } ]); const [searchTerm, setSearchTerm] = React.useState(""); const [showAddModal, setShowAddModal] = React.useState(false); const [newCustomer, setNewCustomer] = React.useState({ name: "", email: "", phone: "", address: "", status: "利用中" }); const handleSearch = (e)=>{ setSearchTerm(e.target.value); }; const handleDelete = (customerId)=>{ if (window.confirm("この顧客を削除してもよろしいですか？")) { setCustomers(customers.filter((customer)=>customer.id !== customerId)); } }; const handleAddCustomer = ()=>{ const customer = { ...newCustomer, registrationDate: new Date().toISOString().split("T")[0], lastOrderDate: "-", totalOrders: 0 }; setCustomers([ ...customers, customer ]); setNewCustomer({ name: "", email: "", phone: "", address: "", status: "利用中" }); setShowAddModal(false); }; const filteredCustomers = customers.filter((customer)=>{ return Object.values(customer).some((value)=>value.toString().toLowerCase().includes(searchTerm.toLowerCase())); }); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 804, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", __source: { fileName: "", lineNumber: 805, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 806, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 807, columnNumber: 9 }, __self: this }, "顧客管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddModal(true), className: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 808, columnNumber: 9 }, __self: this }, "新規顧客登録")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 816, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "顧客を検索...", className: "w-full border border-gray-300 rounded-lg p-3 shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent", value: searchTerm, onChange: handleSearch, __source: { fileName: "", lineNumber: 817, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden max-h-[calc(100vh-250px)]", __source: { fileName: "", lineNumber: 826, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-y-auto", __source: { fileName: "", lineNumber: 827, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 828, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50 sticky top-0", __source: { fileName: "", lineNumber: 829, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 830, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 831, columnNumber: 17 }, __self: this }, "顧客ID"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 834, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 837, columnNumber: 17 }, __self: this }, "連絡先"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 840, columnNumber: 17 }, __self: this }, "登録日"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 843, columnNumber: 17 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { className: "relative px-6 py-3", __source: { fileName: "", lineNumber: 846, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 847, columnNumber: 19 }, __self: this }, "操作")))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 851, columnNumber: 13 }, __self: this }, filteredCustomers.map((customer)=>/*#__PURE__*/ React.createElement("tr", { key: customer.id, __source: { fileName: "", lineNumber: 853, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 854, columnNumber: 19 }, __self: this }, customer.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 855, columnNumber: 19 }, __self: this }, customer.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 858, columnNumber: 19 }, __self: this }, customer.email), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 861, columnNumber: 19 }, __self: this }, customer.registrationDate), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 864, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${customer.status === "利用中" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 865, columnNumber: 21 }, __self: this }, customer.status)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", __source: { fileName: "", lineNumber: 875, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("CustomerDetail"), className: "text-blue-600 hover:text-blue-900", __source: { fileName: "", lineNumber: 876, columnNumber: 21 }, __self: this }, "詳細"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(customer.id), className: "text-red-600 hover:text-red-900 ml-4", __source: { fileName: "", lineNumber: 882, columnNumber: 21 }, __self: this }, "削除")))))))), showAddModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 897, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 898, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 899, columnNumber: 13 }, __self: this }, "新規顧客登録"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 900, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 901, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 902, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2", value: newCustomer.name, onChange: (e)=>setNewCustomer({ ...newCustomer, name: e.target.value }), __source: { fileName: "", lineNumber: 905, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 915, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 916, columnNumber: 17 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2", value: newCustomer.email, onChange: (e)=>setNewCustomer({ ...newCustomer, email: e.target.value }), __source: { fileName: "", lineNumber: 919, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 929, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 930, columnNumber: 17 }, __self: this }, "電話番号"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2", value: newCustomer.phone, onChange: (e)=>setNewCustomer({ ...newCustomer, phone: e.target.value }), __source: { fileName: "", lineNumber: 933, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 943, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 944, columnNumber: 17 }, __self: this }, "住所"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "address", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2", value: newCustomer.address, onChange: (e)=>setNewCustomer({ ...newCustomer, address: e.target.value }), __source: { fileName: "", lineNumber: 947, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 957, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 958, columnNumber: 17 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("select", { name: "status", className: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2", value: newCustomer.status, onChange: (e)=>setNewCustomer({ ...newCustomer, status: e.target.value }), __source: { fileName: "", lineNumber: 961, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "利用中", __source: { fileName: "", lineNumber: 969, columnNumber: 19 }, __self: this }, "利用中"), /*#__PURE__*/ React.createElement("option", { value: "退会済み", __source: { fileName: "", lineNumber: 970, columnNumber: 19 }, __self: this }, "退会済み")))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end space-x-3", __source: { fileName: "", lineNumber: 974, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddModal(false), className: "px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50", __source: { fileName: "", lineNumber: 975, columnNumber: 15 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { onClick: handleAddCustomer, className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 981, columnNumber: 15 }, __self: this }, "登録")))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 992, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Dashboard"), className: "text-blue-500 hover:text-blue-700 transition-colors duration-200", __source: { fileName: "", lineNumber: 993, columnNumber: 9 }, __self: this }, "ダッシュボードに戻る"))); } function OrderDetailScreen({ navigateTo }) { const [order, setOrder] = React.useState({ id: "1", orderDate: "2025-01-01", status: "処理中", totalAmount: 10000, customerName: "顧客A", contact: "customerA@example.com", billingAddress: "東京都XX区XX町XX-XX", customerNote: "特別な要望なし", products: [ { name: "商品X", id: "SKU123", quantity: 2, unitPrice: 2000, subtotal: 4000 }, { name: "商品Y", id: "SKU124", quantity: 1, unitPrice: 6000, subtotal: 6000 } ], orderNote: "特別な処理なし", history: [ { timestamp: "2025-01-01 10:00", user: "システム管理者", change: "注文作成" }, { timestamp: "2025-01-02 14:00", user: "オペレーター", change: "ステータスを「処理中」に変更" } ] }); const updateStatus = ()=>{ const nextStatus = order.status === "処理中" ? "出荷済み" : order.status === "出荷済み" ? "キャンセル" : "処理中"; if (window.confirm(`ステータスを${nextStatus}に変更します。よろしいですか。`)) { setOrder({ ...order, status: nextStatus }); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-4 md:p-8", __source: { fileName: "", lineNumber: 1060, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", __source: { fileName: "", lineNumber: 1061, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-h-[calc(100vh-200px)] overflow-y-auto", __source: { fileName: "", lineNumber: 1062, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 1063, columnNumber: 9 }, __self: this }, "注文詳細"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fdf4e3] p-4 shadow-md rounded-md", __source: { fileName: "", lineNumber: 1064, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1065, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1066, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1067, columnNumber: 15 }, __self: this }, "注文ID:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1068, columnNumber: 15 }, __self: this }, order.id)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1070, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1071, columnNumber: 15 }, __self: this }, "注文日:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1072, columnNumber: 15 }, __self: this }, order.orderDate)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1074, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1075, columnNumber: 15 }, __self: this }, "ステータス:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1076, columnNumber: 15 }, __self: this }, order.status, " ", /*#__PURE__*/ React.createElement("button", { onClick: updateStatus, className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 1078, columnNumber: 17 }, __self: this }, "更新"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1086, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1087, columnNumber: 15 }, __self: this }, "注文金額:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1088, columnNumber: 15 }, __self: this }, "¥", order.totalAmount)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1090, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1091, columnNumber: 15 }, __self: this }, "顧客名:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1092, columnNumber: 15 }, __self: this }, order.customerName)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1094, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1095, columnNumber: 15 }, __self: this }, "連絡先:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1096, columnNumber: 15 }, __self: this }, order.contact)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1098, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1099, columnNumber: 15 }, __self: this }, "請求先住所:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1100, columnNumber: 15 }, __self: this }, order.billingAddress)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1103, columnNumber: 15 }, __self: this }, "顧客メモ:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1104, columnNumber: 15 }, __self: this }, order.customerNote)), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2 overflow-x-auto", __source: { fileName: "", lineNumber: 1106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1107, columnNumber: 15 }, __self: this }, "商品リスト:"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 1109, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 1110, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1111, columnNumber: 21 }, __self: this }, "商品名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1114, columnNumber: 21 }, __self: this }, "商品ID"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1117, columnNumber: 21 }, __self: this }, "数量"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1120, columnNumber: 21 }, __self: this }, "単価"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1123, columnNumber: 21 }, __self: this }, "小計"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1128, columnNumber: 17 }, __self: this }, order.products.map((product)=>/*#__PURE__*/ React.createElement("tr", { key: product.id, __source: { fileName: "", lineNumber: 1130, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1131, columnNumber: 23 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1134, columnNumber: 23 }, __self: this }, product.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1137, columnNumber: 23 }, __self: this }, product.quantity), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1140, columnNumber: 23 }, __self: this }, "¥", product.unitPrice), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1143, columnNumber: 23 }, __self: this }, "¥", product.subtotal)))))), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2", __source: { fileName: "", lineNumber: 1151, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 1152, columnNumber: 15 }, __self: this }, "注文メモ:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1153, columnNumber: 15 }, __self: this }, order.orderNote)), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2", __source: { fileName: "", lineNumber: 1155, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 1156, columnNumber: 15 }, __self: this }, "ステータス更新履歴:"), /*#__PURE__*/ React.createElement("div", { className: "max-h-[200px] overflow-y-auto", __source: { fileName: "", lineNumber: 1157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 1158, columnNumber: 17 }, __self: this }, order.history.map((entry, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 1160, columnNumber: 21 }, __self: this }, entry.timestamp, " - ", entry.user)))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1170, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Orders"), className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 1171, columnNumber: 9 }, __self: this }, "注文管理に戻る"))); } function ReportScreen({ navigateTo }) { const [reportType, setReportType] = React.useState("daily"); const [startDate, setStartDate] = React.useState(""); const [salesData, setSalesData] = React.useState(null); const [delayRate, setDelayRate] = React.useState(null); const generateReport = ()=>{ if (!startDate) { alert("開始日を選択してください"); return; } const today = new Date().toISOString().split("T")[0]; if (startDate > today) { alert("未来の日付は選択できません"); return; } const sales = Math.floor(Math.random() * 1000000); const delay = Math.floor(Math.random() * 100); setSalesData(sales); setDelayRate(delay); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 1208, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", currentScreen: "Reports", __source: { fileName: "", lineNumber: 1209, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 1214, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-6", __source: { fileName: "", lineNumber: 1215, columnNumber: 9 }, __self: this }, "レポート生成"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1217, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1218, columnNumber: 11 }, __self: this }, "レポートタイプ"), /*#__PURE__*/ React.createElement("select", { value: reportType, onChange: (e)=>setReportType(e.target.value), className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 1221, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "daily", __source: { fileName: "", lineNumber: 1226, columnNumber: 13 }, __self: this }, "日次レポート"), /*#__PURE__*/ React.createElement("option", { value: "weekly", __source: { fileName: "", lineNumber: 1227, columnNumber: 13 }, __self: this }, "週次レポート"), /*#__PURE__*/ React.createElement("option", { value: "monthly", __source: { fileName: "", lineNumber: 1228, columnNumber: 13 }, __self: this }, "月次レポート"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1232, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1233, columnNumber: 11 }, __self: this }, "開始日"), /*#__PURE__*/ React.createElement("input", { type: "date", value: startDate, onChange: (e)=>setStartDate(e.target.value), className: "w-full border border-gray-300 rounded-md p-2", __source: { fileName: "", lineNumber: 1236, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 1244, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateReport, className: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 1245, columnNumber: 11 }, __self: this }, "レポート生成")), salesData !== null && delayRate !== null && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 1254, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1255, columnNumber: 13 }, __self: this }, "集計結果"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1256, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 1257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1258, columnNumber: 17 }, __self: this }, "総売上"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 1259, columnNumber: 17 }, __self: this }, "¥", salesData.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 1263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1264, columnNumber: 17 }, __self: this }, "遅延率"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 1265, columnNumber: 17 }, __self: this }, delayRate, "%")))))); } function MainComponent() { const [currentScreen, setCurrentScreen] = React.useState("Login"); const navigateTo = (screen)=>{ setCurrentScreen(screen); }; const orders = [ { id: "1", customerId: "101", customerName: "顧客A", productName: "商品X", quantity: 2, orderDate: "2025-01-01", status: "処理中", deliveryId: "5678", deliveryAddress: "東京都渋谷区", deliveryDate: "2025-01-03", deliveryStatus: "配送中", history: [ { timestamp: "2025-01-01 10:00", user: "システム管理者", change: "注文作成" } ] }, { id: "2", customerId: "102", customerName: "顧客B", productName: "商品Y", quantity: 1, orderDate: "2025-01-05", status: "出荷済み", deliveryId: "5679", deliveryAddress: "神奈川県横浜市", deliveryDate: "2025-01-07", deliveryStatus: "配達済み", history: [ { timestamp: "2025-01-05 12:00", user: "システム管理者", change: "注文作成" }, { timestamp: "2025-01-06 14:00", user: "配送担当者", change: "ステータスを「出荷済み」に変更" } ] }, { id: "3", customerId: "103", customerName: "顧客C", productName: "商品Z", quantity: 3, orderDate: "2025-01-10", status: "処理中", deliveryId: "5680", deliveryAddress: "千葉県千葉市", deliveryDate: "2025-01-12", deliveryStatus: "配送中", history: [ { timestamp: "2025-01-10 16:00", user: "システム管理者", change: "注文作成" } ] }, { id: "4", customerId: "104", customerName: "顧客D", productName: "商品A", quantity: 1, orderDate: "2025-01-15", status: "出荷済み", deliveryId: "5681", deliveryAddress: "埼玉県さいたま市", deliveryDate: "2025-01-17", deliveryStatus: "配達済み", history: [ { timestamp: "2025-01-15 09:00", user: "システム管理者", change: "注文作成" }, { timestamp: "2025-01-15 17:30", user: "オペレーター", change: "配送日を2025-01-18に変更" }, { timestamp: "2025-01-16 11:00", user: "配送担当者", change: "ステータスを「出荷済み」に変更" } ] }, { id: "5", customerId: "105", customerName: "顧客E", productName: "商品B", quantity: 2, orderDate: "2025-01-20", status: "処理中", deliveryId: "5682", deliveryAddress: "茨城県水戸市", deliveryDate: "2025-01-22", deliveryStatus: "配送中", history: [ { timestamp: "2025-01-20 15:00", user: "システム管理者", change: "注文作成" } ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen", __source: { fileName: "", lineNumber: 1400, columnNumber: 5 }, __self: this }, currentScreen === "Login" && /*#__PURE__*/ React.createElement(LoginScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1401, columnNumber: 37 }, __self: this }), currentScreen === "Dashboard" && /*#__PURE__*/ React.createElement(DashboardScreen, { navigateTo: navigateTo, orders: orders, __source: { fileName: "", lineNumber: 1403, columnNumber: 9 }, __self: this }), currentScreen === "Orders" && /*#__PURE__*/ React.createElement(OrderManagementScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1406, columnNumber: 9 }, __self: this }), currentScreen === "Deliveries" && /*#__PURE__*/ React.createElement(DeliveryManagementScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1409, columnNumber: 9 }, __self: this }), currentScreen === "Customers" && /*#__PURE__*/ React.createElement(CustomerManagementScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1412, columnNumber: 9 }, __self: this }), currentScreen === "Reports" && /*#__PURE__*/ React.createElement(ReportScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1414, columnNumber: 39 }, __self: this }), currentScreen === "Route" && /*#__PURE__*/ React.createElement(React.Fragment, null), currentScreen === "OrderDetail" && /*#__PURE__*/ React.createElement(OrderDetailScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1417, columnNumber: 9 }, __self: this }), currentScreen === "DeliveryDetail" && /*#__PURE__*/ React.createElement(React.Fragment, null), currentScreen === "CustomerDetail" && /*#__PURE__*/ React.createElement(CustomerDetailScreen, { navigateTo: navigateTo, __source: { fileName: "", lineNumber: 1421, columnNumber: 9 }, __self: this })); } function CustomerDetailScreen({ navigateTo }) { const [customer, setCustomer] = React.useState({ id: "101", name: "顧客A", email: "customerA@example.com", phone: "03-1234-5678", registrationDate: "2025-01-01", membershipStatus: "利用中", orders: [ { id: "1", date: "2025-01-20", status: "配送済み", amount: 10000, products: [ "商品X", "商品Y" ] }, { id: "2", date: "2025-01-15", status: "処理中", amount: 15000, products: [ "商品Z" ] } ], currentOrders: [ { id: "3", date: "2025-01-22", status: "配送中", products: [ "商品A", "商品B" ], deliveryDate: "2025-01-25", deliveryStatus: "配送中", deliveryId: "5680" }, { id: "4", date: "2025-01-23", status: "処理中", products: [ "商品C" ], deliveryDate: "2025-01-26", deliveryStatus: "準備中", deliveryId: "5681" } ] }); const toggleMembershipStatus = ()=>{ const newStatus = customer.membershipStatus === "利用中" ? "退会済み" : "利用中"; if (window.confirm(`ステータスを${newStatus}に変更しますか？`)) { setCustomer({ ...customer, membershipStatus: newStatus }); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-gray-100 p-4 md:p-8", __source: { fileName: "", lineNumber: 1482, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { navigateTo: navigateTo, userName: "ユーザー名", __source: { fileName: "", lineNumber: 1483, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-h-[calc(100vh-200px)] overflow-y-auto", __source: { fileName: "", lineNumber: 1484, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 1485, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-8", __source: { fileName: "", lineNumber: 1486, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1487, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1488, columnNumber: 15 }, __self: this }, "基本情報"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1489, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1490, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1491, columnNumber: 19 }, __self: this }, "顧客ID: "), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1492, columnNumber: 19 }, __self: this }, customer.id)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1494, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1495, columnNumber: 19 }, __self: this }, "顧客名: "), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1496, columnNumber: 19 }, __self: this }, customer.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1498, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1499, columnNumber: 19 }, __self: this }, "連絡先: "), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1500, columnNumber: 19 }, __self: this }, customer.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1502, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1503, columnNumber: 19 }, __self: this }, "電話番号: "), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1504, columnNumber: 19 }, __self: this }, customer.phone)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1506, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1507, columnNumber: 19 }, __self: this }, "登録日: "), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1508, columnNumber: 19 }, __self: this }, customer.registrationDate)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1510, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 1511, columnNumber: 19 }, __self: this }, "ステータス: "), /*#__PURE__*/ React.createElement("span", { className: `${customer.membershipStatus === "利用中" ? "text-green-600" : "text-red-600"}`, __source: { fileName: "", lineNumber: 1512, columnNumber: 19 }, __self: this }, customer.membershipStatus), /*#__PURE__*/ React.createElement("button", { onClick: toggleMembershipStatus, className: "ml-2 text-blue-500 hover:underline text-sm", __source: { fileName: "", lineNumber: 1521, columnNumber: 19 }, __self: this }, "変更")))), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1531, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1532, columnNumber: 15 }, __self: this }, "現在の注文状況"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 1533, columnNumber: 15 }, __self: this }, customer.currentOrders.map((order)=>/*#__PURE__*/ React.createElement("div", { key: order.id, className: "border-b pb-2", __source: { fileName: "", lineNumber: 1535, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 1536, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1537, columnNumber: 23 }, __self: this }, "注文ID: ", order.id), /*#__PURE__*/ React.createElement("span", { className: "text-blue-600", __source: { fileName: "", lineNumber: 1538, columnNumber: 23 }, __self: this }, order.status)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1540, columnNumber: 21 }, __self: this }, "商品: ", order.products.join(", ")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 1541, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1542, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1543, columnNumber: 25 }, __self: this }, "配送状況: ", order.deliveryStatus), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1544, columnNumber: 25 }, __self: this }, "予定日: ", order.deliveryDate)), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 1546, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("OrderDetail"), className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1547, columnNumber: 25 }, __self: this }, "注文詳細"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("DeliveryDetail"), className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1553, columnNumber: 25 }, __self: this }, "配送詳細")))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 1567, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1568, columnNumber: 13 }, __self: this }, "注文履歴"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 1569, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1570, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 1571, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 1572, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 1573, columnNumber: 21 }, __self: this }, "注文ID"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 1576, columnNumber: 21 }, __self: this }, "注文日"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 1579, columnNumber: 21 }, __self: this }, "商品"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 1582, columnNumber: 21 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 1585, columnNumber: 21 }, __self: this }, "金額"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 1588, columnNumber: 21 }, __self: this }, "操作"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1593, columnNumber: 17 }, __self: this }, customer.orders.map((order)=>/*#__PURE__*/ React.createElement("tr", { key: order.id, __source: { fileName: "", lineNumber: 1595, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1596, columnNumber: 23 }, __self: this }, order.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1599, columnNumber: 23 }, __self: this }, order.date), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 1602, columnNumber: 23 }, __self: this }, order.products.join(", ")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1603, columnNumber: 23 }, __self: this }, order.status), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1606, columnNumber: 23 }, __self: this }, "¥", order.amount.toLocaleString()), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1609, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("OrderDetail"), className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1610, columnNumber: 25 }, __self: this }, "注文詳細")))))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1625, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateTo("Customers"), className: "text-blue-500 hover:text-blue-700 transition-colors duration-200", __source: { fileName: "", lineNumber: 1626, columnNumber: 9 }, __self: this }, "顧客一覧に戻る"))); }