@ai-partner-x/aiko-boot-cli 0.1.4

package/templates/scaffold-default/packages/admin/src/locales/zh.json

@@ -0,0 +1,68 @@
+{
+  "common": {
+    "appTitle": "管理后台",
+    "language": "语言",
+    "en": "English",
+    "zh": "中文"
+  },
+  "dashboard": {
+    "title": "仪表盘",
+    "welcome": "欢迎。您可以在此添加自己的页面和数据。"
+  },
+  "error": {
+    "title": "页面未找到。",
+    "description": "您访问的页面不存在。",
+    "backHome": "返回首页"
+  },
+  "auth": {
+    "login": "登录",
+    "loginTitle": "登录到管理后台",
+    "email": "邮箱",
+    "password": "密码",
+    "submit": "登录",
+    "invalidCredentials": "邮箱或密码无效"
+  },
+  "header": {
+    "logout": "退出登录"
+  },
+  "sidebar": {
+    "menu": {
+      "dashboard": "仪表盘"
+    }
+  },
+  "theme": {
+    "toggleLabel": "切换主题（浅色 → 深色 → 跟随系统）",
+    "light": "浅色",
+    "dark": "深色",
+    "system": "跟随系统",
+    "appearance": "外观",
+    "paletteLabel": "配色",
+    "palette": {
+      "default": "默认",
+      "blue": "蓝色",
+      "green": "绿色",
+      "violet": "紫色",
+      "rose": "玫红",
+      "amber": "琥珀",
+      "fiori": "Fiori"
+    }
+  },
+  "notification": {
+    "undo": "撤销"
+  },
+  "user": {
+    "defaultName": "用户"
+  },
+  "dataTable": {
+    "rows": "行",
+    "rowsPerPage": "每页行数",
+    "pageOf": "第 {{current}} 页，共 {{total}} 页",
+    "goToFirstPage": "跳到第一页",
+    "goToPreviousPage": "上一页",
+    "goToNextPage": "下一页",
+    "goToLastPage": "跳到最后一页",
+    "sortBy": "按 {{id}} 排序",
+    "sortDesc": "按 {{id}} 降序",
+    "sortAsc": "按 {{id}} 升序"
+  }
+}

package/templates/scaffold-default/packages/admin/src/pages/dashboard.tsx

@@ -0,0 +1,12 @@
+import { useTranslation } from "react-i18next";
+
+export function Dashboard() {
+  const { t } = useTranslation();
+
+  return (
+    <div className="flex flex-col gap-4">
+      <h1 className="text-2xl font-semibold">{t("dashboard.title")}</h1>
+      <p className="text-muted-foreground">{t("dashboard.welcome")}</p>
+    </div>
+  );
+}

package/templates/scaffold-default/packages/admin/src/pages/goods-receipt/CreatePage.tsx

@@ -0,0 +1,302 @@
+import { useState } from "react";
+import { useNavigate } from "react-router";
+import { Truck, Save, Calendar, User, Building2 } from "lucide-react";
+import { ObjectPage } from "@/components/admin-ui/object-page";
+import {
+  EditableTable,
+  TableInput,
+  TableText,
+  type EditableTableColumn,
+} from "@/components/admin-ui/editable-table";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+interface PoMaterial {
+  id: string;
+  materialCode: string;
+  materialName: string;
+  orderedQty: number;
+  receivedQty: number;
+  unit: string;
+  receiveQty: number;
+}
+
+const poMaterials: Record<string, PoMaterial[]> = {
+  "PO-2024-0090": [
+    { id: "1", materialCode: "IT-001", materialName: 'MacBook Pro 14" M3', orderedQty: 10, receivedQty: 5, unit: "台", receiveQty: 0 },
+    { id: "2", materialCode: "IT-015", materialName: 'Dell 27" 4K显示器', orderedQty: 20, receivedQty: 10, unit: "台", receiveQty: 0 },
+    { id: "3", materialCode: "IT-032", materialName: "无线键鼠套装", orderedQty: 50, receivedQty: 30, unit: "套", receiveQty: 0 },
+  ],
+  "PO-2024-0091": [
+    { id: "1", materialCode: "FN-008", materialName: "人体工学办公椅", orderedQty: 15, receivedQty: 0, unit: "把", receiveQty: 0 },
+    { id: "2", materialCode: "OF-023", materialName: "A4复印纸 80g", orderedQty: 100, receivedQty: 50, unit: "包", receiveQty: 0 },
+  ],
+};
+
+const poOptions = [
+  { value: "PO-2024-0090", label: "PO-2024-0090 - 办公设备采购" },
+  { value: "PO-2024-0091", label: "PO-2024-0091 - IT设备补充" },
+];
+const plantOptions = [
+  { value: "1000", label: "1000 - 总部" },
+  { value: "2000", label: "2000 - 华东分部" },
+];
+const storageOptions = [
+  { value: "WH01", label: "WH01 - 主仓库" },
+  { value: "WH02", label: "WH02 - 备用仓库" },
+];
+
+export function CreatePage() {
+  const navigate = useNavigate();
+  const [saving, setSaving] = useState(false);
+  const [formData, setFormData] = useState({
+    poRef: "",
+    plant: "1000",
+    storageLocation: "WH01",
+  });
+  const [materials, setMaterials] = useState<PoMaterial[]>([]);
+
+  const handlePoChange = (poRef: string) => {
+    setFormData((prev) => ({ ...prev, poRef }));
+    if (poRef && poMaterials[poRef]) {
+      setMaterials(
+        poMaterials[poRef].map((m) => ({
+          ...m,
+          receiveQty: m.orderedQty - m.receivedQty,
+        }))
+      );
+    } else {
+      setMaterials([]);
+    }
+  };
+
+  const updateReceiveQty = (id: string, qty: number) => {
+    setMaterials((prev) =>
+      prev.map((m) => {
+        if (m.id !== id) return m;
+        const max = m.orderedQty - m.receivedQty;
+        return { ...m, receiveQty: Math.max(0, Math.min(qty, max)) };
+      })
+    );
+  };
+
+  const handleSave = async () => {
+    setSaving(true);
+    await new Promise((r) => setTimeout(r, 1000));
+    setSaving(false);
+    navigate("/goods-receipt");
+  };
+
+  const today = new Date().toISOString().split("T")[0];
+
+  const columns: EditableTableColumn<PoMaterial>[] = [
+    {
+      key: "materialCode",
+      title: "物料编码",
+      width: 120,
+      render: (record) => (
+        <TableText variant="mono">{record.materialCode}</TableText>
+      ),
+    },
+    {
+      key: "materialName",
+      title: "物料名称",
+      width: 200,
+      render: (record) => <TableText>{record.materialName}</TableText>,
+    },
+    {
+      key: "orderedQty",
+      title: "订单数量",
+      width: 100,
+      align: "right",
+      render: (record) => (
+        <TableText variant="muted">{record.orderedQty}</TableText>
+      ),
+    },
+    {
+      key: "receivedQty",
+      title: "已收货",
+      width: 100,
+      align: "right",
+      render: (record) => (
+        <TableText variant="muted">{record.receivedQty}</TableText>
+      ),
+    },
+    {
+      key: "receiveQty",
+      title: "本次收货",
+      width: 120,
+      align: "right",
+      required: true,
+      render: (record) => (
+        <TableInput
+          type="number"
+          value={record.receiveQty}
+          onChange={(val) =>
+            updateReceiveQty(record.id, parseInt(val, 10) || 0)
+          }
+          min={0}
+          max={record.orderedQty - record.receivedQty}
+          align="right"
+        />
+      ),
+    },
+    {
+      key: "unit",
+      title: "单位",
+      width: 80,
+      align: "center",
+      render: (record) => (
+        <TableText variant="muted">{record.unit}</TableText>
+      ),
+    },
+  ];
+
+  return (
+    <ObjectPage
+      mode="create"
+      backPath="/goods-receipt"
+      breadcrumb="收货管理"
+      title="创建收货单"
+      subtitle="新建收货单据"
+      headerIcon={<Truck className="h-5 w-5" />}
+      headerFields={[
+        { icon: <Calendar className="h-4 w-4" />, label: "收货日期", value: today },
+        { icon: <User className="h-4 w-4" />, label: "收货人", value: "当前用户" },
+        { icon: <Building2 className="h-4 w-4" />, label: "工厂", value: "1000 - 总部" },
+        { icon: <Building2 className="h-4 w-4" />, label: "存储位置", value: "WH01 - 主仓库" },
+      ]}
+      tips={[
+        "📦 选择采购订单后自动加载物料",
+        "📋 确认收货数量后保存",
+        "⚡ 快捷键：Ctrl+S 保存",
+      ]}
+      showSectionNav={false}
+      sections={[
+        {
+          id: "basic",
+          title: "基本信息",
+          content: (
+            <div className="grid grid-cols-2 gap-6">
+              <div>
+                <Label className="mb-1.5 block text-xs text-muted-foreground">
+                  采购订单 <span className="text-destructive">*</span>
+                </Label>
+                <Select
+                  value={formData.poRef || "__empty__"}
+                  onValueChange={(v) =>
+                    handlePoChange(v === "__empty__" ? "" : v)
+                  }
+                >
+                  <SelectTrigger>
+                    <SelectValue placeholder="选择采购订单" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="__empty__">选择采购订单</SelectItem>
+                    {poOptions.map((opt) => (
+                      <SelectItem key={opt.value} value={opt.value}>
+                        {opt.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+              <div>
+                <Label className="mb-1.5 block text-xs text-muted-foreground">
+                  工厂 <span className="text-destructive">*</span>
+                </Label>
+                <Select
+                  value={formData.plant}
+                  onValueChange={(v) =>
+                    setFormData((prev) => ({ ...prev, plant: v }))
+                  }
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {plantOptions.map((opt) => (
+                      <SelectItem key={opt.value} value={opt.value}>
+                        {opt.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+              <div>
+                <Label className="mb-1.5 block text-xs text-muted-foreground">
+                  存储位置 <span className="text-destructive">*</span>
+                </Label>
+                <Select
+                  value={formData.storageLocation}
+                  onValueChange={(v) =>
+                    setFormData((prev) => ({ ...prev, storageLocation: v }))
+                  }
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {storageOptions.map((opt) => (
+                      <SelectItem key={opt.value} value={opt.value}>
+                        {opt.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+          ),
+        },
+        {
+          id: "items",
+          title: "收货物料",
+          subtitle:
+            materials.length > 0
+              ? `共 ${materials.length} 项`
+              : "选择采购订单后自动加载",
+          content: (
+            <EditableTable<PoMaterial>
+              showIndex
+              rowKey="id"
+              dataSource={materials}
+              minWidth={700}
+              columns={columns}
+              emptyText="请先选择采购订单"
+              embedded
+            />
+          ),
+        },
+      ]}
+      actions={[
+        {
+          key: "cancel",
+          label: "取消",
+          variant: "secondary",
+          onClick: () => navigate("/goods-receipt"),
+          showInModes: ["create"],
+          position: "footer",
+        },
+        {
+          key: "save",
+          label: saving ? "保存中..." : "保存",
+          icon: <Save className="h-4 w-4" />,
+          variant: "primary",
+          onClick: handleSave,
+          loading: saving,
+          showInModes: ["create"],
+          position: "footer",
+          showDropdown: true,
+        },
+      ]}
+    />
+  );
+}
+
+export default CreatePage;

package/templates/scaffold-default/packages/admin/src/pages/goods-receipt/EditPage.tsx

@@ -0,0 +1,221 @@
+import { useState } from "react"
+import { useNavigate, useParams } from "react-router"
+import { Truck, Save, Package } from "lucide-react"
+import { ObjectPage } from "@/components/admin-ui/object-page"
+import {
+  EditableTable,
+  TableInput,
+  TableText,
+  type EditableTableColumn,
+} from "@/components/admin-ui/editable-table"
+
+interface GrEditItem {
+  id: string
+  lineNo: string
+  material: string
+  description: string
+  orderedQty: number
+  receivedQty: number
+  unit: string
+  batch: string
+}
+
+const mockDetail = {
+  id: "1",
+  grNumber: "GR-2024-0056",
+  poRef: "PO-2024-0089",
+  status: "inspecting",
+  supplier: "Apple 授权经销商",
+  plant: "1000",
+  plantName: "上海工厂",
+  storageLocation: "WH01",
+  storageName: "主仓库",
+  receivedAt: "2024-01-25 14:30",
+  receiver: "王五",
+  items: [
+    { id: "1", lineNo: "10", material: "M-1001", description: 'MacBook Pro 14" M3 Pro', orderedQty: 5, receivedQty: 5, unit: "台", batch: "BATCH001" },
+    { id: "2", lineNo: "20", material: "M-1002", description: 'MacBook Pro 14" M3 Max', orderedQty: 5, receivedQty: 5, unit: "台", batch: "BATCH002" },
+  ] as GrEditItem[],
+}
+
+export function EditPage() {
+  const navigate = useNavigate()
+  const { id } = useParams<{ id: string }>()
+  const [saving, setSaving] = useState(false)
+  const [items, setItems] = useState<GrEditItem[]>(mockDetail.items)
+
+  const handleSave = async () => {
+    setSaving(true)
+    await new Promise((r) => setTimeout(r, 1000))
+    setSaving(false)
+    navigate(`/goods-receipt/${id}`)
+  }
+
+  const updateItem = (
+    itemId: string,
+    field: keyof GrEditItem,
+    value: number | string
+  ) => {
+    setItems((prev) =>
+      prev.map((item) =>
+        item.id === itemId ? { ...item, [field]: value } : item
+      )
+    )
+  }
+
+  const columns: EditableTableColumn<GrEditItem>[] = [
+    {
+      key: "lineNo",
+      title: "行号",
+      width: 60,
+      render: (record) => (
+        <TableText variant="muted">{record.lineNo}</TableText>
+      ),
+    },
+    {
+      key: "material",
+      title: "物料",
+      width: 100,
+      render: (record) => (
+        <TableText variant="primary">{record.material}</TableText>
+      ),
+    },
+    {
+      key: "description",
+      title: "描述",
+      width: 200,
+      render: (record) => <TableText>{record.description}</TableText>,
+    },
+    {
+      key: "orderedQty",
+      title: "订单数量",
+      width: 100,
+      align: "right",
+      render: (record) => (
+        <span>
+          <TableText variant="muted">{record.orderedQty}</TableText>
+          <TableText variant="muted" className="ml-1 text-xs">
+            {record.unit}
+          </TableText>
+        </span>
+      ),
+    },
+    {
+      key: "receivedQty",
+      title: "收货数量",
+      width: 120,
+      align: "right",
+      required: true,
+      render: (record) => (
+        <div className="flex items-center justify-end gap-1">
+          <TableInput
+            type="number"
+            value={record.receivedQty}
+            onChange={(val) =>
+              updateItem(record.id, "receivedQty", Number(val))
+            }
+            min={0}
+            max={record.orderedQty}
+            align="right"
+            className="w-20"
+          />
+          <TableText variant="muted" className="text-xs">
+            {record.unit}
+          </TableText>
+        </div>
+      ),
+    },
+    {
+      key: "batch",
+      title: "批次",
+      width: 120,
+      render: (record) => (
+        <TableInput
+          type="text"
+          value={record.batch}
+          onChange={(val) => updateItem(record.id, "batch", val)}
+          className="w-28"
+        />
+      ),
+    },
+  ]
+
+  return (
+    <ObjectPage
+      mode="edit"
+      backPath={`/goods-receipt/${id}`}
+      breadcrumb="收货管理"
+      title={mockDetail.grNumber}
+      subtitle={`参考: ${mockDetail.poRef}`}
+      status={{ label: "检验中", color: "yellow" }}
+      headerIcon={<Truck className="h-5 w-5" />}
+      headerFields={[
+        { label: "收货日期", value: mockDetail.receivedAt.split(" ")[0] },
+        { label: "收货人", value: mockDetail.receiver },
+        { label: "供应商", value: mockDetail.supplier },
+      ]}
+      showSectionNav={false}
+      sections={[
+        {
+          id: "storage",
+          title: "库存信息",
+          icon: <Package className="h-4 w-4" />,
+          content: (
+            <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">工厂</p>
+                <p className="text-sm">
+                  {mockDetail.plant} - {mockDetail.plantName}
+                </p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">存储位置</p>
+                <p className="text-sm">
+                  {mockDetail.storageLocation} - {mockDetail.storageName}
+                </p>
+              </div>
+            </div>
+          ),
+        },
+        {
+          id: "items",
+          title: "收货明细",
+          subtitle: "可修改收货数量",
+          content: (
+            <EditableTable<GrEditItem>
+              showIndex={false}
+              rowKey="id"
+              dataSource={items}
+              minWidth={700}
+              columns={columns}
+              embedded
+            />
+          ),
+        },
+      ]}
+      actions={[
+        {
+          key: "cancel",
+          label: "取消",
+          variant: "secondary",
+          onClick: () => navigate(`/goods-receipt/${id}`),
+          showInModes: ["edit"],
+          position: "footer",
+        },
+        {
+          key: "save",
+          label: saving ? "保存中..." : "保存",
+          icon: <Save className="h-4 w-4" />,
+          variant: "primary",
+          onClick: handleSave,
+          loading: saving,
+          showInModes: ["edit"],
+          position: "footer",
+          showDropdown: true,
+        },
+      ]}
+    />
+  )
+}
+
+export default EditPage