hikvision-web 1.0.0

package/src/store/appStore.ts

@@ -0,0 +1,159 @@
+import { create } from 'zustand';
+import { personApi, cardApi, vehicleApi, orgApi } from '../services/api';
+
+interface Person {
+  personId: string;
+  personName: string;
+  gender?: number;
+  orgPath?: string;
+  orgIndexCode?: string;
+  orgName?: string;
+  certificateType?: number;
+  certificateNo?: string;
+  phoneNo?: string;
+  jobNo?: string;
+  email?: string;
+  birthday?: string;
+  address?: string;
+  personPhoto?: { picUri: string };
+}
+
+interface Organization {
+  orgIndexCode: string;
+  orgName: string;
+  parentOrgIndexCode?: string;
+  orgPath?: string;
+}
+
+interface Card {
+  cardNo: string;
+  personId?: string;
+  personName?: string;
+  cardType?: number;
+  status?: number;
+}
+
+interface Vehicle {
+  vehicleId: string;
+  plateNo: string;
+  vehicleType?: string;
+  vehicleColor?: string;
+  vehicleBrand?: string;
+  vehicleModel?: string;
+  personId?: string;
+  personName?: string;
+  groupId?: string;
+  groupName?: string;
+  vehicleGroup?: string;
+  vehicleGroupName?: string;
+  categoryCode?: string;
+  categoryName?: string;
+  status?: string;
+}
+
+interface AppState {
+  organizations: Organization[];
+  isOrgLoading: boolean;
+  orgError: string | null;
+  persons: Person[];
+  personsTotal: number;
+  isPersonLoading: boolean;
+  personError: string | null;
+  cards: Card[];
+  cardsTotal: number;
+  isCardLoading: boolean;
+  cardError: string | null;
+  vehicles: Vehicle[];
+  vehiclesTotal: number;
+  isVehicleLoading: boolean;
+  vehicleError: string | null;
+  loadOrganizations: () => Promise<void>;
+  loadPersons: (params?: { pageNo?: number; pageSize?: number; personName?: string }) => Promise<void>;
+  loadCards: (params?: { pageNo?: number; pageSize?: number }) => Promise<void>;
+  loadVehicles: (params?: { pageNo?: number; pageSize?: number; plateNo?: string; personName?: string }) => Promise<void>;
+  refreshPerson: (personId: string) => Promise<void>;
+  refreshCard: (cardNo: string) => Promise<void>;
+  refreshVehicle: (vehicleId: string) => Promise<void>;
+  clearData: () => void;
+}
+
+export const useAppStore = create<AppState>((set) => ({
+  organizations: [],
+  isOrgLoading: false,
+  orgError: null,
+  persons: [],
+  personsTotal: 0,
+  isPersonLoading: false,
+  personError: null,
+  cards: [],
+  cardsTotal: 0,
+  isCardLoading: false,
+  cardError: null,
+  vehicles: [],
+  vehiclesTotal: 0,
+  isVehicleLoading: false,
+  vehicleError: null,
+
+  loadOrganizations: async () => {
+    set({ isOrgLoading: true, orgError: null });
+    try {
+      const res = await orgApi.list();
+      set({ organizations: Array.isArray(res.data) ? res.data : res.data?.list || [], isOrgLoading: false });
+    } catch (error: any) {
+      set({ isOrgLoading: false, orgError: error.message || '加载组织失败' });
+    }
+  },
+
+  loadPersons: async (params) => {
+    set({ isPersonLoading: true, personError: null });
+    try {
+      const res = await (params?.personName ? personApi.search({ pageNo: params?.pageNo || 1, pageSize: params?.pageSize || 20, personName: params?.personName }) : personApi.list({ pageNo: params?.pageNo || 1, pageSize: params?.pageSize || 20 }));
+      set({ persons: res.data?.list || [], personsTotal: res.data?.total || 0, isPersonLoading: false });
+    } catch (error: any) {
+      set({ isPersonLoading: false, personError: error.message || '加载人员失败' });
+    }
+  },
+
+  loadCards: async (params) => {
+    set({ isCardLoading: true, cardError: null });
+    try {
+      const res = await cardApi.list({ pageNo: params?.pageNo || 1, pageSize: params?.pageSize || 20 });
+      set({ cards: res.data?.list || [], cardsTotal: res.data?.total || 0, isCardLoading: false });
+    } catch (error: any) {
+      set({ isCardLoading: false, cardError: error.message || '加载卡片失败' });
+    }
+  },
+
+  loadVehicles: async (params) => {
+    set({ isVehicleLoading: true, vehicleError: null });
+    try {
+      const res = await vehicleApi.list({ pageNo: params?.pageNo || 1, pageSize: params?.pageSize || 20, plateNo: params?.plateNo, personName: params?.personName });
+      set({ vehicles: res.data?.list || [], vehiclesTotal: res.data?.total || 0, isVehicleLoading: false });
+    } catch (error: any) {
+      set({ isVehicleLoading: false, vehicleError: error.message || '加载车辆失败' });
+    }
+  },
+
+  refreshPerson: async (personId: string) => {
+    try {
+      const res = await personApi.getById(personId);
+      set((state) => ({ persons: state.persons.map((p) => p.personId === personId ? res.data : p) }));
+    } catch (error) { console.error(`刷新人员 ${personId} 失败`, error); }
+  },
+
+  refreshCard: async (cardNo: string) => {
+    try {
+      const res = await cardApi.getByCardNo(cardNo);
+      set((state) => ({ cards: state.cards.map((c) => c.cardNo === cardNo ? res.data : c) }));
+    } catch (error) { console.error(`刷新卡片 ${cardNo} 失败`, error); }
+  },
+
+  refreshVehicle: async (vehicleId: string) => {
+    try {
+      const res = await vehicleApi.getById(vehicleId);
+      set((state) => ({ vehicles: state.vehicles.map((v) => v.vehicleId === vehicleId ? res.data : v) }));
+    } catch (error) { console.error(`刷新车辆 ${vehicleId} 失败`, error); }
+  },
+
+  clearData: () => set({ organizations: [], persons: [], cards: [], vehicles: [] }),
+}));

package/src/utils/constants.ts

@@ -0,0 +1,105 @@
+/**
+ * 共享常量定义
+ * 集中管理全项目使用的常量，避免重复定义
+ */
+
+/**
+ * 车辆系统分类 ID（来自海康 API：getVehicleInfoPage 返回的 categoryCode）
+ * 注意：这是 API 返回的实际值，不能修改
+ */
+export const SYSTEM_CATEGORY_IDS = {
+  FIXED: '10',      // 固定车
+  TEMPORARY: '11',  // 临时车
+  SPECIAL: '14',    // 特殊车辆
+  BLACKLIST: '9',   // 黑名单
+  RESERVATION: '12', // 预约车
+  GROUP: '13',      // 群组车
+};
+
+/**
+ * 系统分类 ID 数组（用于判断是否是系统分类）
+ */
+export const SYSTEM_CATEGORY_ID_ARRAY = ['9', '10', '11', '12', '13', '14'];
+
+/**
+ * 系统分类名称映射
+ */
+export const SYSTEM_CATEGORY_NAME_MAP: Record<string, string> = {
+  '9': '黑名单',
+  '10': '固定车',
+  '11': '临时车',
+  '12': '预约车',
+  '13': '群组车',
+  '14': '特殊车辆',
+};
+
+/**
+ * 获取车辆分类名称
+ */
+export function getCategoryName(categoryId: string | number): string {
+  const id = String(categoryId);
+  return SYSTEM_CATEGORY_NAME_MAP[id] || '未知分类';
+}
+
+/**
+ * 车辆分类选项（用于下拉选择）
+ */
+export const VEHICLE_CATEGORY_OPTIONS = [
+  { value: SYSTEM_CATEGORY_IDS.FIXED, label: '固定车' },
+  { value: SYSTEM_CATEGORY_IDS.TEMPORARY, label: '临时车' },
+  { value: SYSTEM_CATEGORY_IDS.SPECIAL, label: '特殊车辆' },
+];
+
+/**
+ * 性别选项
+ */
+export const GENDER_OPTIONS = [
+  { value: '1', label: '男' },
+  { value: '2', label: '女' },
+];
+
+/**
+ * 人员状态选项
+ */
+export const PERSON_STATUS_OPTIONS = [
+  { value: '0', label: '正常' },
+  { value: '1', label: '禁用' },
+  { value: '2', label: '离职' },
+];
+
+/**
+ * 卡片状态选项
+ */
+export const CARD_STATUS_OPTIONS = [
+  { value: '0', label: '正常' },
+  { value: '1', label: '挂失' },
+  { value: '2', label: '退卡' },
+  { value: '3', label: '损坏' },
+];
+
+/**
+ * API 服务端口常量
+ */
+export const PORTS = {
+  API_SERVER: 3000,
+  MANAGER: 3001,
+  WEB: 3030,
+};
+
+/**
+ * 默认分页配置
+ */
+export const PAGINATION = {
+  DEFAULT_PAGE_SIZE: 20,
+  MAX_PAGE_SIZE: 1000,
+};
+
+/**
+ * 卡片默认过期时间
+ */
+export const DEFAULT_CARD_END_DATE = '2037-12-31';
+
+/**
+ * 根组织代码
+ */
+export const ROOT_ORG_CODE = 'root00000000';

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: parseInt(process.env.WEB_PORT || '3030'),
+    host: '0.0.0.0',
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true
+      }
+    }
+  }
+})