@octo-cyber/property-management 0.5.2

package/web/pages/RepairOrderPage.tsx

@@ -0,0 +1,182 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { Plus, Search } from 'lucide-react'
+import { Button } from '@octo-cyber/ui/components/button'
+import { Input } from '@octo-cyber/ui/components/input'
+import {
+  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,
+} from '@octo-cyber/ui/components/select'
+import {
+  Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
+} from '@octo-cyber/ui/components/table'
+import {
+  Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle,
+} from '@octo-cyber/ui/components/dialog'
+import { Label } from '@octo-cyber/ui/components/label'
+import { Textarea } from '@octo-cyber/ui/components/textarea'
+import { toast } from 'sonner'
+import {
+  listRepairs, createRepair, dispatchRepair, completeRepair, cancelRepair,
+  type RepairOrder,
+} from '../services/property-api.service.js'
+import { RepairStatusBadge } from '../components/RepairStatusBadge.js'
+import { CommunitySelect } from '../components/CommunitySelect.js'
+
+const STATUS_OPTIONS = ['PENDING', 'DISPATCHED', 'IN_PROGRESS', 'COMPLETED', 'VERIFIED', 'CANCELLED']
+const URGENCY_LABELS: Record<string, string> = { LOW: '低', MEDIUM: '普通', HIGH: '紧急', URGENT: '特急' }
+
+export default function RepairOrderPage() {
+  const [items, setItems] = useState<RepairOrder[]>([])
+  const [total, setTotal] = useState(0)
+  const [page, setPage] = useState(1)
+  const [communityId, setCommunityId] = useState('')
+  const [statusFilter, setStatusFilter] = useState('')
+  const [loading, setLoading] = useState(false)
+  const [createOpen, setCreateOpen] = useState(false)
+  const [form, setForm] = useState<Partial<RepairOrder>>({ urgency: 'MEDIUM' })
+  const [saving, setSaving] = useState(false)
+
+  const load = () => {
+    setLoading(true)
+    listRepairs({ page, pageSize: 20, communityId: communityId || undefined, status: statusFilter || undefined })
+      .then((r) => { setItems(r.items); setTotal(r.total) })
+      .catch(() => toast.error('加载失败'))
+      .finally(() => setLoading(false))
+  }
+
+  useEffect(() => { load() }, [page, communityId, statusFilter])
+
+  const handleCreate = async () => {
+    if (!form.title || !form.communityId) { toast.error('标题和小区不能为空'); return }
+    setSaving(true)
+    try {
+      await createRepair({ ...form, reporterId: 'current-user' })
+      toast.success('报修单创建成功')
+      setCreateOpen(false)
+      setForm({ urgency: 'MEDIUM' })
+      load()
+    } catch (e: unknown) {
+      toast.error((e as Error).message ?? '操作失败')
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  const handleCancel = async (id: string) => {
+    const reason = prompt('请输入取消原因')
+    if (!reason) return
+    try {
+      await cancelRepair(id, reason)
+      toast.success('已取消')
+      load()
+    } catch (e: unknown) {
+      toast.error((e as Error).message ?? '操作失败')
+    }
+  }
+
+  return (
+    <div className="space-y-4 p-6">
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-bold">报修工单</h1>
+        <Button onClick={() => setCreateOpen(true)}><Plus className="mr-2 h-4 w-4" />新建报修</Button>
+      </div>
+
+      <div className="flex flex-wrap items-center gap-2">
+        <div className="w-48">
+          <CommunitySelect value={communityId} onChange={(v) => { setCommunityId(v); setPage(1) }} placeholder="全部小区" />
+        </div>
+        <Select value={statusFilter} onValueChange={(v) => { setStatusFilter(v === 'ALL' ? '' : v); setPage(1) }}>
+          <SelectTrigger className="w-36">
+            <SelectValue placeholder="全部状态" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="ALL">全部状态</SelectItem>
+            {STATUS_OPTIONS.map((s) => (
+              <SelectItem key={s} value={s}><RepairStatusBadge status={s} /></SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        <span className="text-sm text-muted-foreground">共 {total} 条</span>
+      </div>
+
+      <div className="rounded-md border">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>工单号</TableHead>
+              <TableHead>标题</TableHead>
+              <TableHead>紧急程度</TableHead>
+              <TableHead>状态</TableHead>
+              <TableHead>创建时间</TableHead>
+              <TableHead className="w-24">操作</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {loading ? (
+              <TableRow><TableCell colSpan={6} className="text-center text-muted-foreground">加载中...</TableCell></TableRow>
+            ) : items.length === 0 ? (
+              <TableRow><TableCell colSpan={6} className="text-center text-muted-foreground">暂无数据</TableCell></TableRow>
+            ) : items.map((r) => (
+              <TableRow key={r.id}>
+                <TableCell className="font-mono text-xs">{r.orderNo}</TableCell>
+                <TableCell>{r.title}</TableCell>
+                <TableCell>{URGENCY_LABELS[r.urgency] ?? r.urgency}</TableCell>
+                <TableCell><RepairStatusBadge status={r.status} /></TableCell>
+                <TableCell>{r.createdAt?.slice(0, 10)}</TableCell>
+                <TableCell>
+                  {r.status === 'PENDING' && (
+                    <Button variant="ghost" size="sm" onClick={() => handleCancel(r.id)}>取消</Button>
+                  )}
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </div>
+
+      {total > 20 && (
+        <div className="flex justify-end gap-2">
+          <Button variant="outline" size="sm" disabled={page <= 1} onClick={() => setPage(p => p - 1)}>上一页</Button>
+          <span className="flex items-center text-sm text-muted-foreground">第 {page} 页</span>
+          <Button variant="outline" size="sm" disabled={page * 20 >= total} onClick={() => setPage(p => p + 1)}>下一页</Button>
+        </div>
+      )}
+
+      <Dialog open={createOpen} onOpenChange={setCreateOpen}>
+        <DialogContent>
+          <DialogHeader><DialogTitle>新建报修单</DialogTitle></DialogHeader>
+          <div className="space-y-4 py-2">
+            <div className="space-y-1">
+              <Label>小区 *</Label>
+              <CommunitySelect value={form.communityId ?? ''} onChange={(v) => setForm(f => ({ ...f, communityId: v }))} />
+            </div>
+            <div className="space-y-1">
+              <Label>标题 *</Label>
+              <Input value={form.title ?? ''} onChange={(e) => setForm(f => ({ ...f, title: e.target.value }))} />
+            </div>
+            <div className="space-y-1">
+              <Label>紧急程度</Label>
+              <Select value={form.urgency ?? 'MEDIUM'} onValueChange={(v) => setForm(f => ({ ...f, urgency: v }))}>
+                <SelectTrigger><SelectValue /></SelectTrigger>
+                <SelectContent>
+                  {Object.entries(URGENCY_LABELS).map(([k, v]) => (
+                    <SelectItem key={k} value={k}>{v}</SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="space-y-1">
+              <Label>详细描述</Label>
+              <Textarea value={form.description ?? ''} onChange={(e) => setForm(f => ({ ...f, description: e.target.value }))} rows={3} />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setCreateOpen(false)}>取消</Button>
+            <Button onClick={handleCreate} disabled={saving}>{saving ? '提交中...' : '提交'}</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  )
+}

package/web/services/property-api.service.ts

@@ -0,0 +1,202 @@
+const BASE = '/api/v1/property'
+
+async function request<T>(url: string, options?: RequestInit): Promise<T> {
+  const res = await fetch(url, {
+    headers: { 'Content-Type': 'application/json' },
+    ...options,
+  })
+  const json = await res.json() as { data: T; message?: string }
+  if (!res.ok) throw new Error((json as unknown as { message: string }).message ?? 'Request failed')
+  return json.data
+}
+
+// ── Types ─────────────────────────────────────────────────────────────────────
+
+export interface Community {
+  id: string; name: string; address: string; area: number | null
+  totalBuildings: number; totalRooms: number; occupiedRooms: number
+  propertyType: string; status: string; contactPhone: string | null
+  description: string | null; createdAt: string; updatedAt: string
+}
+
+export interface Building {
+  id: string; communityId: string; name: string; code: string
+  totalFloors: number; buildingType: string; sortOrder: number
+}
+
+export interface Room {
+  id: string; unitId: string; communityId: string; roomNumber: string
+  floor: number; area: number | null; roomType: string; status: string
+  fullCode: string; createdAt: string
+}
+
+export interface Owner {
+  id: string; name: string; phone: string; ownerType: string
+  gender: string | null; email: string | null; notes: string | null
+  createdAt: string; updatedAt: string
+}
+
+export interface RepairOrder {
+  id: string; orderNo: string; communityId: string; roomId: string | null
+  reporterId: string; categoryId: string; title: string; description: string
+  urgency: string; status: string; assigneeId: string | null
+  assignedAt: string | null; completedAt: string | null; verifiedAt: string | null
+  createdAt: string; updatedAt: string
+}
+
+export interface Bill {
+  id: string; billNo: string; communityId: string; roomId: string
+  ownerId: string; billPeriod: string; totalAmount: number; paidAmount: number
+  lateFee: number; discountAmount: number; status: string; dueDate: string
+  paidAt: string | null; createdAt: string
+}
+
+export interface PatrolRecord {
+  id: string; planId: string; patrolDate: string; patrollerId: string
+  routeId: string; status: string; totalPoints: number; checkedPoints: number
+  issueCount: number; createdAt: string
+}
+
+export interface Facility {
+  id: string; communityId: string; categoryId: string; name: string
+  code: string; location: string; status: string; installDate: string | null
+  warrantyExpiry: string | null; createdAt: string
+}
+
+export interface Contract {
+  id: string; communityId: string; contractNo: string; name: string
+  type: string; partyA: string; partyB: string; amount: number | null
+  startDate: string; endDate: string; status: string; createdAt: string
+}
+
+export interface Meter {
+  id: string; roomId: string; type: string; meterNo: string
+  currentReading: number; status: string; createdAt: string
+}
+
+export interface PagedResult<T> {
+  items: T[]; total: number; page: number; pageSize: number
+}
+
+export interface DashboardData {
+  community: Community | null
+  occupancyRate: number
+  collectionRate: number
+  pendingRepairs: number
+  overdueCount: number
+  currentPeriod: string
+}
+
+// ── Community API ─────────────────────────────────────────────────────────────
+
+export async function listCommunities(params?: { page?: number; pageSize?: number; status?: string; keyword?: string }): Promise<PagedResult<Community>> {
+  const qs = new URLSearchParams()
+  if (params?.page) qs.set('page', String(params.page))
+  if (params?.pageSize) qs.set('pageSize', String(params.pageSize))
+  if (params?.status) qs.set('status', params.status)
+  if (params?.keyword) qs.set('keyword', params.keyword)
+  return request<PagedResult<Community>>(`${BASE}/communities?${qs}`)
+}
+
+export async function getCommunity(id: string): Promise<Community> {
+  return request<Community>(`${BASE}/communities/${id}`)
+}
+
+export async function createCommunity(data: Partial<Community>): Promise<Community> {
+  return request<Community>(`${BASE}/communities`, { method: 'POST', body: JSON.stringify(data) })
+}
+
+export async function updateCommunity(id: string, data: Partial<Community>): Promise<Community> {
+  return request<Community>(`${BASE}/communities/${id}`, { method: 'PUT', body: JSON.stringify(data) })
+}
+
+export async function deleteCommunity(id: string): Promise<void> {
+  await request<null>(`${BASE}/communities/${id}`, { method: 'DELETE' })
+}
+
+export async function getCommunityDashboard(id: string): Promise<DashboardData> {
+  return request<DashboardData>(`${BASE}/communities/${id}/dashboard`)
+}
+
+export async function getCommunityTree(id: string): Promise<unknown[]> {
+  return request<unknown[]>(`${BASE}/communities/${id}/tree`)
+}
+
+// ── Owner API ─────────────────────────────────────────────────────────────────
+
+export async function listOwners(params?: { page?: number; pageSize?: number; communityId?: string; keyword?: string }): Promise<PagedResult<Owner>> {
+  const qs = new URLSearchParams()
+  if (params?.page) qs.set('page', String(params.page))
+  if (params?.pageSize) qs.set('pageSize', String(params.pageSize))
+  if (params?.communityId) qs.set('communityId', params.communityId)
+  if (params?.keyword) qs.set('keyword', params.keyword)
+  return request<PagedResult<Owner>>(`${BASE}/owners?${qs}`)
+}
+
+export async function createOwner(data: Partial<Owner>): Promise<Owner> {
+  return request<Owner>(`${BASE}/owners`, { method: 'POST', body: JSON.stringify(data) })
+}
+
+// ── Repair API ────────────────────────────────────────────────────────────────
+
+export async function listRepairs(params?: { page?: number; pageSize?: number; communityId?: string; status?: string }): Promise<PagedResult<RepairOrder>> {
+  const qs = new URLSearchParams()
+  if (params?.page) qs.set('page', String(params.page))
+  if (params?.pageSize) qs.set('pageSize', String(params.pageSize))
+  if (params?.communityId) qs.set('communityId', params.communityId)
+  if (params?.status) qs.set('status', params.status)
+  return request<PagedResult<RepairOrder>>(`${BASE}/repairs?${qs}`)
+}
+
+export async function createRepair(data: Partial<RepairOrder>): Promise<RepairOrder> {
+  return request<RepairOrder>(`${BASE}/repairs`, { method: 'POST', body: JSON.stringify(data) })
+}
+
+export async function dispatchRepair(id: string, assigneeId: string): Promise<RepairOrder> {
+  return request<RepairOrder>(`${BASE}/repairs/${id}/dispatch`, { method: 'POST', body: JSON.stringify({ assigneeId }) })
+}
+
+export async function completeRepair(id: string, data: { repairNote?: string; actualCost?: number }): Promise<RepairOrder> {
+  return request<RepairOrder>(`${BASE}/repairs/${id}/complete`, { method: 'POST', body: JSON.stringify(data) })
+}
+
+export async function verifyRepair(id: string, verifiedBy: string): Promise<RepairOrder> {
+  return request<RepairOrder>(`${BASE}/repairs/${id}/verify`, { method: 'POST', body: JSON.stringify({ verifiedBy }) })
+}
+
+export async function cancelRepair(id: string, reason: string): Promise<RepairOrder> {
+  return request<RepairOrder>(`${BASE}/repairs/${id}/cancel`, { method: 'POST', body: JSON.stringify({ reason }) })
+}
+
+// ── Bill API ──────────────────────────────────────────────────────────────────
+
+export async function listBills(params?: { page?: number; pageSize?: number; communityId?: string; status?: string; period?: string }): Promise<PagedResult<Bill>> {
+  const qs = new URLSearchParams()
+  if (params?.page) qs.set('page', String(params.page))
+  if (params?.pageSize) qs.set('pageSize', String(params.pageSize))
+  if (params?.communityId) qs.set('communityId', params.communityId)
+  if (params?.status) qs.set('status', params.status)
+  if (params?.period) qs.set('period', params.period)
+  return request<PagedResult<Bill>>(`${BASE}/bills?${qs}`)
+}
+
+export async function generateBills(communityId: string, period: string): Promise<{ created: number; skipped: number }> {
+  return request<{ created: number; skipped: number }>(`${BASE}/bills/generate`, {
+    method: 'POST',
+    body: JSON.stringify({ communityId, period }),
+  })
+}
+
+export async function recordPayment(billId: string, data: { ownerId: string; amount: number; paymentMethod: string }): Promise<unknown> {
+  return request<unknown>(`${BASE}/bills/${billId}/payment`, { method: 'POST', body: JSON.stringify(data) })
+}
+
+// ── Statistics API ────────────────────────────────────────────────────────────
+
+export async function getStatsDashboard(communityId: string): Promise<DashboardData> {
+  return request<DashboardData>(`${BASE}/statistics/dashboard?communityId=${communityId}`)
+}
+
+export async function getCollectionTrend(communityId: string, months = 6): Promise<unknown[]> {
+  return request<unknown[]>(`${BASE}/statistics/collection-trend?communityId=${communityId}&months=${months}`)
+}

package/web/stores/property-store.ts

@@ -0,0 +1,18 @@
+import { create } from 'zustand'
+import type { Community } from '../services/property-api.service.js'
+
+interface PropertyStore {
+  selectedCommunityId: string | null
+  selectedCommunity: Community | null
+  setSelectedCommunity: (community: Community | null) => void
+  setSelectedCommunityId: (id: string | null) => void
+}
+
+export const usePropertyStore = create<PropertyStore>((set) => ({
+  selectedCommunityId: null,
+  selectedCommunity: null,
+  setSelectedCommunity: (community) =>
+    set({ selectedCommunity: community, selectedCommunityId: community?.id ?? null }),
+  setSelectedCommunityId: (id) =>
+    set({ selectedCommunityId: id }),
+}))