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

package/templates/scaffold-default/packages/admin/src/pages/master-data/materials/ViewPage.tsx

@@ -0,0 +1,240 @@
+import { useNavigate, useParams } from "react-router";
+import { Package, Pencil, LayoutGrid, ShoppingCart, Warehouse, History } from "lucide-react";
+import { ObjectPage } from "@/components/admin-ui/object-page";
+
+const mockMaterial = {
+  id: "1",
+  materialCode: "IT-001",
+  materialName: 'MacBook Pro 14" M3',
+  materialType: "FERT",
+  materialTypeName: "成品",
+  materialGroup: "IT设备",
+  baseUnit: "台",
+  description:
+    "Apple MacBook Pro 14英寸 M3芯片 16GB内存 512GB存储",
+  status: "active" as const,
+  grossWeight: 1.55,
+  netWeight: 1.5,
+  weightUnit: "KG",
+  volume: 0.002,
+  volumeUnit: "M3",
+  purchaseGroup: "IT采购组",
+  orderUnit: "台",
+  minOrderQty: 1,
+  standardPrice: 18900,
+  priceUnit: "CNY",
+  totalStock: 25,
+  availableStock: 20,
+  reservedStock: 5,
+  valuationType: "移动平均价",
+  createdAt: "2024-01-01 10:00:00",
+  createdBy: "张三",
+  updatedAt: "2024-01-15 14:30:00",
+  updatedBy: "李四",
+};
+
+const statusConfig = {
+  active: { label: "启用", color: "green" as const },
+  inactive: { label: "停用", color: "gray" as const },
+  blocked: { label: "冻结", color: "red" as const },
+};
+
+export function ViewPage() {
+  const navigate = useNavigate();
+  const { id } = useParams<{ id: string }>();
+  const data = mockMaterial;
+  const status = statusConfig[data.status];
+
+  return (
+    <ObjectPage
+      mode="display"
+      backPath="/master-data/materials"
+      breadcrumb="物料主数据"
+      title={data.materialName}
+      subtitle={data.materialCode}
+      status={status}
+      headerIcon={<Package className="h-5 w-5" />}
+      headerFields={[
+        { label: "物料类型", value: data.materialTypeName },
+        { label: "物料组", value: data.materialGroup },
+        { label: "基本单位", value: data.baseUnit },
+        {
+          label: "标准价格",
+          value: `¥${data.standardPrice.toLocaleString()}`,
+        },
+      ]}
+      kpis={[
+        { value: data.totalStock, label: "总库存", color: "blue" },
+        { value: data.availableStock, label: "可用库存", color: "green" },
+        { value: data.reservedStock, label: "预留库存", color: "orange" },
+      ]}
+      sections={[
+        {
+          id: "basic",
+          title: "基本信息",
+          content: (
+            <div className="grid grid-cols-2 gap-6">
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">物料编码</p>
+                <p className="text-sm font-medium">{data.materialCode}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">物料名称</p>
+                <p className="text-sm">{data.materialName}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">物料类型</p>
+                <p className="text-sm">{data.materialTypeName}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">物料组</p>
+                <p className="text-sm">{data.materialGroup}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">基本单位</p>
+                <p className="text-sm">{data.baseUnit}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">状态</p>
+                <span
+                  className={
+                    data.status === "active"
+                      ? "inline-flex rounded bg-emerald-500/10 px-2 py-0.5 text-xs font-medium text-emerald-600"
+                      : data.status === "inactive"
+                      ? "inline-flex rounded bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground"
+                      : "inline-flex rounded bg-red-500/10 px-2 py-0.5 text-xs font-medium text-red-600"
+                  }
+                >
+                  {status.label}
+                </span>
+              </div>
+              <div className="col-span-2">
+                <p className="mb-1 text-xs text-muted-foreground">描述</p>
+                <p className="text-sm">{data.description}</p>
+              </div>
+            </div>
+          ),
+        },
+        {
+          id: "spec",
+          title: "规格信息",
+          icon: <LayoutGrid className="h-4 w-4" />,
+          content: (
+            <div className="grid grid-cols-2 gap-6">
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">毛重</p>
+                <p className="text-sm">
+                  {data.grossWeight} {data.weightUnit}
+                </p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">净重</p>
+                <p className="text-sm">
+                  {data.netWeight} {data.weightUnit}
+                </p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">体积</p>
+                <p className="text-sm">
+                  {data.volume} {data.volumeUnit}
+                </p>
+              </div>
+            </div>
+          ),
+        },
+        {
+          id: "purchase",
+          title: "采购数据",
+          icon: <ShoppingCart className="h-4 w-4" />,
+          content: (
+            <div className="grid grid-cols-2 gap-6">
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">采购组</p>
+                <p className="text-sm">{data.purchaseGroup}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">订单单位</p>
+                <p className="text-sm">{data.orderUnit}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">最小订单量</p>
+                <p className="text-sm">{data.minOrderQty}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">标准价格</p>
+                <p className="text-sm font-medium">
+                  ¥{data.standardPrice.toLocaleString()}
+                </p>
+              </div>
+            </div>
+          ),
+        },
+        {
+          id: "stock",
+          title: "库存概览",
+          icon: <Warehouse className="h-4 w-4" />,
+          sidebar: true,
+          content: (
+            <div className="space-y-4">
+              <div className="flex items-center justify-between">
+                <span className="text-sm text-muted-foreground">总库存</span>
+                <span className="text-sm font-semibold">
+                  {data.totalStock} {data.baseUnit}
+                </span>
+              </div>
+              <div className="flex items-center justify-between">
+                <span className="text-sm text-muted-foreground">可用库存</span>
+                <span className="text-sm font-semibold text-emerald-600">
+                  {data.availableStock} {data.baseUnit}
+                </span>
+              </div>
+              <div className="flex items-center justify-between">
+                <span className="text-sm text-muted-foreground">预留库存</span>
+                <span className="text-sm font-semibold text-orange-600">
+                  {data.reservedStock} {data.baseUnit}
+                </span>
+              </div>
+              <div className="border-t border-border pt-3">
+                <div className="flex items-center justify-between">
+                  <span className="text-sm text-muted-foreground">计价类型</span>
+                  <span className="text-sm">{data.valuationType}</span>
+                </div>
+              </div>
+            </div>
+          ),
+        },
+        {
+          id: "history",
+          title: "变更记录",
+          icon: <History className="h-4 w-4" />,
+          sidebar: true,
+          content: (
+            <div className="space-y-4">
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">创建时间</p>
+                <p className="text-sm">{data.createdAt}</p>
+                <p className="text-xs text-muted-foreground">由 {data.createdBy}</p>
+              </div>
+              <div>
+                <p className="mb-1 text-xs text-muted-foreground">最后更新</p>
+                <p className="text-sm">{data.updatedAt}</p>
+                <p className="text-xs text-muted-foreground">由 {data.updatedBy}</p>
+              </div>
+            </div>
+          ),
+        },
+      ]}
+      actions={[
+        {
+          key: "edit",
+          label: "编辑",
+          icon: <Pencil className="h-4 w-4" />,
+          variant: "primary",
+          onClick: () => navigate(`/master-data/materials/${id}/edit`),
+        },
+      ]}
+    />
+  );
+}
+
+export default ViewPage;

package/templates/scaffold-default/packages/admin/src/pages/master-data/materials/index.ts

@@ -0,0 +1,2 @@
+export { ListPage } from "./ListPage";
+export { ViewPage } from "./ViewPage";

package/templates/scaffold-default/packages/admin/src/pages/master-data/plants/ListPage.tsx

@@ -0,0 +1,279 @@
+import { useState } from "react"
+import { useNavigate } from "react-router"
+import { Factory, Eye, Pencil } from "lucide-react"
+import { cn } from "@/lib/utils"
+import { ListReport, type ListReportColumn } from "@/components/admin-ui/list-report"
+import { Label } from "@/components/ui/label"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+
+const plantTypeConfig: Record<string, { label: string; color: string }> = {
+  plant: { label: "生产工厂", color: "bg-blue-500/10 text-blue-600" },
+  warehouse: { label: "仓库", color: "bg-orange-500/10 text-orange-600" },
+  dc: { label: "配送中心", color: "bg-purple-500/10 text-purple-600" },
+}
+
+const statusConfig = {
+  active: { label: "运营中", color: "bg-emerald-500/10 text-emerald-700", dot: "bg-emerald-500" },
+  inactive: { label: "停用", color: "bg-muted text-muted-foreground", dot: "bg-muted-foreground" },
+}
+
+interface Plant {
+  id: string
+  plantCode: string
+  plantName: string
+  plantType: "plant" | "warehouse" | "dc"
+  companyCode: string
+  country: string
+  city: string
+  address: string
+  contactPerson: string
+  phone: string
+  storageLocations: number
+  status: "active" | "inactive"
+  createdAt: string
+}
+
+const mockPlants: Plant[] = [
+  { id: "1", plantCode: "1000", plantName: "北京总部工厂", plantType: "plant", companyCode: "CN01", country: "中国", city: "北京", address: "北京市海淀区中关村软件园", contactPerson: "张厂长", phone: "010-12345678", storageLocations: 5, status: "active", createdAt: "2020-01-01" },
+  { id: "2", plantCode: "2000", plantName: "上海分厂", plantType: "plant", companyCode: "CN01", country: "中国", city: "上海", address: "上海市浦东新区张江高科技园区", contactPerson: "李厂长", phone: "021-87654321", storageLocations: 3, status: "active", createdAt: "2020-03-15" },
+  { id: "3", plantCode: "WH01", plantName: "北京中央仓库", plantType: "warehouse", companyCode: "CN01", country: "中国", city: "北京", address: "北京市大兴区物流园区", contactPerson: "王主管", phone: "010-11112222", storageLocations: 8, status: "active", createdAt: "2020-06-01" },
+  { id: "4", plantCode: "WH02", plantName: "华东仓库", plantType: "warehouse", companyCode: "CN01", country: "中国", city: "苏州", address: "苏州市工业园区物流港", contactPerson: "赵主管", phone: "0512-33334444", storageLocations: 6, status: "active", createdAt: "2021-01-10" },
+  { id: "5", plantCode: "DC01", plantName: "华南配送中心", plantType: "dc", companyCode: "CN01", country: "中国", city: "深圳", address: "深圳市龙岗区物流基地", contactPerson: "孙经理", phone: "0755-55556666", storageLocations: 4, status: "active", createdAt: "2021-06-20" },
+  { id: "6", plantCode: "3000", plantName: "成都分厂", plantType: "plant", companyCode: "CN01", country: "中国", city: "成都", address: "成都市高新区科技园", contactPerson: "周厂长", phone: "028-77778888", storageLocations: 2, status: "inactive", createdAt: "2022-02-28" },
+]
+
+export function ListPage() {
+  const navigate = useNavigate()
+  const [showFilter, setShowFilter] = useState(false)
+  const [filters, setFilters] = useState({
+    status: "",
+    plantType: "",
+    city: "",
+  })
+
+  const columns: ListReportColumn<Plant>[] = [
+    {
+      id: "plantCode",
+      header: "工厂/仓库编码",
+      sortable: true,
+      accessorKey: "plantCode",
+      cell: (row) => (
+        <button
+          type="button"
+          onClick={(e) => {
+            e.stopPropagation()
+            navigate(`/master-data/plants/${row.id}`)
+          }}
+          className="text-sm font-medium text-primary hover:underline"
+        >
+          {row.plantCode}
+        </button>
+      ),
+    },
+    {
+      id: "plantName",
+      header: "名称",
+      cell: (row) => {
+        const typeConfig = plantTypeConfig[row.plantType]
+        return (
+          <div>
+            <p className="text-sm font-medium">{row.plantName}</p>
+            <span
+              className={cn(
+                "mt-0.5 inline-flex rounded px-1.5 py-0.5 text-xs font-medium",
+                typeConfig.color
+              )}
+            >
+              {typeConfig.label}
+            </span>
+          </div>
+        )
+      },
+    },
+    {
+      id: "location",
+      header: "位置",
+      cell: (row) => (
+        <div>
+          <p className="text-sm">{row.city}</p>
+          <p className="max-w-[180px] truncate text-xs text-muted-foreground">
+            {row.address}
+          </p>
+        </div>
+      ),
+    },
+    {
+      id: "contact",
+      header: "负责人",
+      cell: (row) => (
+        <div>
+          <p className="text-sm">{row.contactPerson}</p>
+          <p className="text-xs text-muted-foreground">{row.phone}</p>
+        </div>
+      ),
+    },
+    {
+      id: "storageLocations",
+      header: "存储位置",
+      align: "center",
+      cell: (row) => (
+        <span className="text-sm text-muted-foreground">
+          {row.storageLocations} 个
+        </span>
+      ),
+    },
+    {
+      id: "status",
+      header: "状态",
+      align: "center",
+      cell: (row) => {
+        const status = statusConfig[row.status]
+        return (
+          <span
+            className={cn(
+              "inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium",
+              status.color
+            )}
+          >
+            <span className={cn("h-1.5 w-1.5 rounded-full", status.dot)} />
+            {status.label}
+          </span>
+        )
+      },
+    },
+    {
+      id: "actions",
+      header: "操作",
+      align: "center",
+      cell: (row) => (
+        <div className="flex items-center justify-center gap-1">
+          <button
+            type="button"
+            onClick={(e) => {
+              e.stopPropagation()
+              navigate(`/master-data/plants/${row.id}`)
+            }}
+            className="flex h-7 w-7 items-center justify-center rounded-lg text-muted-foreground hover:bg-primary/10 hover:text-primary"
+            title="查看"
+          >
+            <Eye className="h-4 w-4" />
+          </button>
+          <button
+            type="button"
+            onClick={(e) => {
+              e.stopPropagation()
+              navigate(`/master-data/plants/${row.id}/edit`)
+            }}
+            className="flex h-7 w-7 items-center justify-center rounded-lg text-muted-foreground hover:bg-primary/10 hover:text-primary"
+            title="编辑"
+          >
+            <Pencil className="h-4 w-4" />
+          </button>
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <div className="">
+      <ListReport<Plant>
+        header={{
+          title: "工厂与仓库",
+          subtitle: "OX10 - 管理和维护工厂、仓库、配送中心",
+          tag: "Master Data",
+          icon: <Factory className="h-5 w-5" />,
+        }}
+        data={mockPlants}
+        columns={columns}
+        totalCount={mockPlants.length}
+        primaryAction={{
+          id: "create",
+          label: "创建工厂/仓库",
+          onClick: () => navigate("/master-data/plants/create"),
+        }}
+        searchPlaceholder="搜索编码、名称..."
+        showFilter={showFilter}
+        onFilterToggle={() => setShowFilter(!showFilter)}
+        filterCount={Object.values(filters).filter(Boolean).length}
+        onFilterClear={() =>
+          setFilters({ status: "", plantType: "", city: "" })
+        }
+        filterContent={
+          <div className="grid grid-cols-3 gap-4">
+            <div className="space-y-2">
+              <Label className="text-xs font-medium text-muted-foreground">状态</Label>
+              <Select
+                value={filters.status || "__all__"}
+                onValueChange={(v) =>
+                  setFilters({ ...filters, status: v === "__all__" ? "" : v })
+                }
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="全部" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="__all__">全部</SelectItem>
+                  <SelectItem value="active">运营中</SelectItem>
+                  <SelectItem value="inactive">停用</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="space-y-2">
+              <Label className="text-xs font-medium text-muted-foreground">类型</Label>
+              <Select
+                value={filters.plantType || "__all__"}
+                onValueChange={(v) =>
+                  setFilters({
+                    ...filters,
+                    plantType: v === "__all__" ? "" : v,
+                  })
+                }
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="全部" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="__all__">全部</SelectItem>
+                  <SelectItem value="plant">生产工厂</SelectItem>
+                  <SelectItem value="warehouse">仓库</SelectItem>
+                  <SelectItem value="dc">配送中心</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="space-y-2">
+              <Label className="text-xs font-medium text-muted-foreground">城市</Label>
+              <Select
+                value={filters.city || "__all__"}
+                onValueChange={(v) =>
+                  setFilters({ ...filters, city: v === "__all__" ? "" : v })
+                }
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="全部" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="__all__">全部</SelectItem>
+                  <SelectItem value="北京">北京</SelectItem>
+                  <SelectItem value="上海">上海</SelectItem>
+                  <SelectItem value="深圳">深圳</SelectItem>
+                  <SelectItem value="苏州">苏州</SelectItem>
+                  <SelectItem value="成都">成都</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+        }
+        getRowId={(row) => row.id}
+        onRowClick={(row) => navigate(`/master-data/plants/${row.id}`)}
+      />
+    </div>
+  )
+}
+
+export default ListPage