feat(risk): 集成风控品控管理平台前端业务模块

- 新增 10 个风控业务页面（隐患/危险源/警示/特种设备/人员/人员变更/作业/事故/巡检/舆情）
- 新增 14 个风控 API 接口（types.ts + 12 个模块接口）
- 新增 MinIO 工具类 src/utils/minio.ts
- 修改 .env.{development,production} 切换风控 API baseURL 与加密开关
- 修改路由、菜单、登录页、首页、字典管理等
- 修改 vite.config.ts 关闭加密以支持沙箱部署
- 完善 .gitignore 排除 .bak / dist 压缩包 / qoder IDE 临时文件

.env.development

@@ -17,10 +17,10 @@ VITE_APP_MONITOR_ADMIN = 'http://localhost:9090/admin/applications'
 # SnailJob 控制台地址
 VITE_APP_SNAILJOB_ADMIN = 'http://localhost:8800/snail-job'
 
-VITE_APP_PORT = 80
+VITE_APP_PORT = 5173
 
 # 接口加密功能开关(如需关闭 后端也必须对应关闭)
-VITE_APP_ENCRYPT = true
+VITE_APP_ENCRYPT = false
 # 接口加密传输 RSA 公钥与后端解密私钥对应 如更换需前后端一同更换
 VITE_APP_RSA_PUBLIC_KEY = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdHnzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='
 # 接口响应解密 RSA 私钥与后端加密公钥对应 如更换需前后端一同更换

.env.production

@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = RuoYi-Vue-Plus多租户管理系统
+VITE_APP_TITLE = 风控品控管理系统
 VITE_APP_LOGO_TITLE = RuoYi-Vue-Plus
 
 # 生产环境配置

.gitignore

@@ -27,3 +27,12 @@ pnpm-lock.yaml
 # 编译生成的文件
 auto-imports.d.ts
 components.d.ts
+
+# 本地构建产物与备份
+dist.tar.gz
+dist.zip
+*.bak
+.vite/
+
+# IDE 临时
+.qoder/

src/api/risk/accident.ts

@@ -0,0 +1,62 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskAccidentBo, RiskAccidentVo, AccidentStatsVo, AccidentTrendVo } from '@/api/risk/types';
+
+// 查询事故上报列表
+export const listAccident = (query: RiskAccidentBo): AxiosPromise<RiskAccidentVo[]> => {
+  return request({
+    url: '/risk/accident/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询事故上报详情
+export const getAccident = (id: string | number): AxiosPromise<RiskAccidentVo> => {
+  return request({
+    url: '/risk/accident/' + id,
+    method: 'get'
+  });
+};
+
+// 新增事故上报
+export const addAccident = (data: RiskAccidentBo): AxiosPromise => {
+  return request({
+    url: '/risk/accident',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改事故上报
+export const updateAccident = (data: RiskAccidentBo): AxiosPromise => {
+  return request({
+    url: '/risk/accident',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除事故上报
+export const delAccident = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/accident/' + ids,
+    method: 'delete'
+  });
+};
+
+// 查询事故统计数据(顶部 4 张卡片)
+export const getAccidentStats = (): AxiosPromise<AccidentStatsVo> => {
+  return request({
+    url: '/risk/accident/stats',
+    method: 'get'
+  });
+};
+
+// 查询近12个月事故趋势数据
+export const getAccidentTrend = (): AxiosPromise<AccidentTrendVo[]> => {
+  return request({
+    url: '/risk/accident/trend',
+    method: 'get'
+  });
+};

src/api/risk/auditFile.ts

@@ -0,0 +1,54 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskAuditFileBo, RiskAuditFileVo } from '@/api/risk/types';
+
+// 查询审计文件列表
+export const listAuditFile = (query: RiskAuditFileBo): AxiosPromise<RiskAuditFileVo[]> => {
+  return request({
+    url: '/risk/auditFile/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询审计文件详情
+export const getAuditFile = (id: string | number): AxiosPromise<RiskAuditFileVo> => {
+  return request({
+    url: '/risk/auditFile/' + id,
+    method: 'get'
+  });
+};
+
+// 新增审计文件
+export const addAuditFile = (data: RiskAuditFileBo): AxiosPromise => {
+  return request({
+    url: '/risk/auditFile',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改审计文件
+export const updateAuditFile = (data: RiskAuditFileBo): AxiosPromise => {
+  return request({
+    url: '/risk/auditFile',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除审计文件
+export const delAuditFile = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/auditFile/' + ids,
+    method: 'delete'
+  });
+};
+
+// 按变动ID查询审计文件列表
+export const listAuditFileByChange = (changeId: string | number): AxiosPromise<RiskAuditFileVo[]> => {
+  return request({
+    url: '/risk/auditFile/listByChange/' + changeId,
+    method: 'get'
+  });
+};

src/api/risk/dangerSource.ts

@@ -0,0 +1,55 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskDangerSourceBo, RiskDangerSourceVo } from '@/api/risk/types';
+
+// 查询危险源列表
+export const listDangerSource = (query: RiskDangerSourceBo): AxiosPromise<RiskDangerSourceVo[]> => {
+  return request({
+    url: '/risk/dangerSource/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询危险源详情
+export const getDangerSource = (id: string | number): AxiosPromise<RiskDangerSourceVo> => {
+  return request({
+    url: '/risk/dangerSource/' + id,
+    method: 'get'
+  });
+};
+
+// 新增危险源
+export const addDangerSource = (data: RiskDangerSourceBo): AxiosPromise => {
+  return request({
+    url: '/risk/dangerSource',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改危险源
+export const updateDangerSource = (data: RiskDangerSourceBo): AxiosPromise => {
+  return request({
+    url: '/risk/dangerSource',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除危险源
+export const delDangerSource = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/dangerSource/' + ids,
+    method: 'delete'
+  });
+};
+
+// 导出危险源
+export const exportDangerSource = (query: RiskDangerSourceBo): AxiosPromise => {
+  return request({
+    url: '/risk/dangerSource/export',
+    method: 'post',
+    params: query
+  });
+};

src/api/risk/dashboard.ts

@@ -0,0 +1,72 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+
+/**
+ * 工作台 Dashboard 统计 API
+ */
+
+// 顶部 4 张统计卡片数据
+export interface DashboardStatsVo {
+  dangerTotal: number;
+  dangerHandled: number;
+  dangerPending: number;
+  dangerYesterdayTotal: number;
+  dangerDayRatio: number;
+  equipmentTotal: number;
+  equipmentMaintaining: number;
+  dangerTypeStats: Array<{ name: string; value: number }>;
+  monthlyTrend: Array<{ month: string; reported: number; handled: number }>;
+}
+
+export interface RecentDangerVo {
+  dangerCode: string;
+  dangerTitle: string;
+  location: string;
+  dangerType: string;
+  dangerLevel: string;
+  reportTime: string;
+  handleStatus: string;
+}
+
+export interface RecentTrainingVo {
+  trainingName: string;
+  trainingTime: string;
+}
+
+export interface RecentNoticeVo {
+  title: string;
+  summary: string;
+  publishTime: string;
+}
+
+/** 工作台统计数据 */
+export const getDashboardStats = (): AxiosPromise<DashboardStatsVo> => {
+  return request({
+    url: '/risk/dashboard/stats',
+    method: 'get'
+  });
+};
+
+/** 最新安全隐患 */
+export const getRecentDangers = (): AxiosPromise<RecentDangerVo[]> => {
+  return request({
+    url: '/risk/dashboard/recent/dangers',
+    method: 'get'
+  });
+};
+
+/** 近期安全培训 */
+export const getRecentTrainings = (): AxiosPromise<RecentTrainingVo[]> => {
+  return request({
+    url: '/risk/dashboard/recent/trainings',
+    method: 'get'
+  });
+};
+
+/** 最近公告 */
+export const getRecentNotices = (): AxiosPromise<RecentNoticeVo[]> => {
+  return request({
+    url: '/risk/dashboard/recent/notices',
+    method: 'get'
+  });
+};

src/api/risk/equipmentMaintenance.ts

@@ -0,0 +1,54 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskEquipmentMaintenanceBo, RiskEquipmentMaintenanceVo } from '@/api/risk/types';
+
+// 查询设备维护列表
+export const listEquipmentMaintenance = (query: RiskEquipmentMaintenanceBo): AxiosPromise<RiskEquipmentMaintenanceVo[]> => {
+  return request({
+    url: '/risk/equipmentMaintenance/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询设备维护详情
+export const getEquipmentMaintenance = (id: string | number): AxiosPromise<RiskEquipmentMaintenanceVo> => {
+  return request({
+    url: '/risk/equipmentMaintenance/' + id,
+    method: 'get'
+  });
+};
+
+// 新增设备维护
+export const addEquipmentMaintenance = (data: RiskEquipmentMaintenanceBo): AxiosPromise => {
+  return request({
+    url: '/risk/equipmentMaintenance',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改设备维护
+export const updateEquipmentMaintenance = (data: RiskEquipmentMaintenanceBo): AxiosPromise => {
+  return request({
+    url: '/risk/equipmentMaintenance',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除设备维护
+export const delEquipmentMaintenance = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/equipmentMaintenance/' + ids,
+    method: 'delete'
+  });
+};
+
+// 按设备ID查询维护记录列表
+export const listEquipmentMaintenanceByEquipment = (equipmentId: string | number): AxiosPromise<RiskEquipmentMaintenanceVo[]> => {
+  return request({
+    url: '/risk/equipmentMaintenance/listByEquipment/' + equipmentId,
+    method: 'get'
+  });
+};

src/api/risk/file.ts

@@ -0,0 +1,21 @@
+import request from '@/utils/request';
+
+/**
+ * 通用文件上传 (基于 MinIO /risk/file/upload)
+ * @param file 要上传的文件
+ * @returns Promise<{ url: string; fileName: string; ossId: string; originalName: string }>
+ */
+export const uploadFile = (file: File): Promise<{
+  url: string;
+  fileName: string;
+  ossId: string;
+  originalName: string;
+}> => {
+  const fd = new FormData();
+  fd.append('file', file);
+  return request({
+    url: '/risk/file/upload',
+    method: 'post',
+    data: fd
+  });
+};

src/api/risk/hiddenDanger.ts

@@ -0,0 +1,72 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskHiddenDangerBo, RiskHiddenDangerVo } from '@/api/risk/types';
+
+// 查询隐患列表
+export const listHiddenDanger = (query: RiskHiddenDangerBo): AxiosPromise<RiskHiddenDangerVo[]> => {
+  return request({
+    url: '/risk/hiddenDanger/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询隐患详情
+export const getHiddenDanger = (id: string | number): AxiosPromise<RiskHiddenDangerVo> => {
+  return request({
+    url: '/risk/hiddenDanger/' + id,
+    method: 'get'
+  });
+};
+
+// 新增隐患
+export const addHiddenDanger = (data: RiskHiddenDangerBo): AxiosPromise => {
+  return request({
+    url: '/risk/hiddenDanger',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改隐患
+export const updateHiddenDanger = (data: RiskHiddenDangerBo): AxiosPromise => {
+  return request({
+    url: '/risk/hiddenDanger',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除隐患
+export const delHiddenDanger = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/hiddenDanger/' + ids,
+    method: 'delete'
+  });
+};
+
+// 导出隐患
+export const exportHiddenDanger = (query: RiskHiddenDangerBo): AxiosPromise => {
+  return request({
+    url: '/risk/hiddenDanger/export',
+    method: 'post',
+    params: query
+  });
+};
+
+// 处理隐患
+export const handleHiddenDanger = (id: string | number, data: RiskHiddenDangerBo): AxiosPromise => {
+  return request({
+    url: '/risk/hiddenDanger/handle/' + id,
+    method: 'put',
+    data: data
+  });
+};
+
+// 隐患状态统计
+export const getHiddenDangerStats = (): AxiosPromise<any> => {
+  return request({
+    url: '/risk/hiddenDanger/stats',
+    method: 'get'
+  });
+};

src/api/risk/inspectionItem.ts

@@ -0,0 +1,54 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskInspectionItemBo, RiskInspectionItemVo } from '@/api/risk/types';
+
+// 查询巡检项目列表
+export const listInspectionItem = (query: RiskInspectionItemBo): AxiosPromise<RiskInspectionItemVo[]> => {
+  return request({
+    url: '/risk/inspectionItem/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询巡检项目详情
+export const getInspectionItem = (id: string | number): AxiosPromise<RiskInspectionItemVo> => {
+  return request({
+    url: '/risk/inspectionItem/' + id,
+    method: 'get'
+  });
+};
+
+// 新增巡检项目
+export const addInspectionItem = (data: RiskInspectionItemBo): AxiosPromise => {
+  return request({
+    url: '/risk/inspectionItem',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改巡检项目
+export const updateInspectionItem = (data: RiskInspectionItemBo): AxiosPromise => {
+  return request({
+    url: '/risk/inspectionItem',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除巡检项目
+export const delInspectionItem = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/inspectionItem/' + ids,
+    method: 'delete'
+  });
+};
+
+// 按任务ID查询巡检项目列表
+export const listInspectionItemByTask = (taskId: string | number): AxiosPromise<RiskInspectionItemVo[]> => {
+  return request({
+    url: '/risk/inspectionItem/listByTask/' + taskId,
+    method: 'get'
+  });
+};

src/api/risk/inspectionTask.ts

@@ -0,0 +1,71 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskInspectionTaskBo, RiskInspectionTaskVo, RiskInspectionRecordVo, InspectionStatsVo } from '@/api/risk/types';
+
+// 查询巡检任务列表
+export const listInspectionTask = (query: RiskInspectionTaskBo): AxiosPromise<RiskInspectionTaskVo[]> => {
+  return request({
+    url: '/risk/inspectionTask/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询巡检任务详情
+export const getInspectionTask = (id: string | number): AxiosPromise<RiskInspectionTaskVo> => {
+  return request({
+    url: '/risk/inspectionTask/' + id,
+    method: 'get'
+  });
+};
+
+// 新增巡检任务
+export const addInspectionTask = (data: RiskInspectionTaskBo): AxiosPromise => {
+  return request({
+    url: '/risk/inspectionTask',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改巡检任务
+export const updateInspectionTask = (data: RiskInspectionTaskBo): AxiosPromise => {
+  return request({
+    url: '/risk/inspectionTask',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除巡检任务
+export const delInspectionTask = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/inspectionTask/' + ids,
+    method: 'delete'
+  });
+};
+
+// 查询巡检任务的打卡记录列表
+export const listInspectionRecordByTask = (taskId: string | number): AxiosPromise<RiskInspectionRecordVo[]> => {
+  return request({
+    url: '/risk/inspectionTask/records/' + taskId,
+    method: 'get'
+  });
+};
+
+// 按门店查询巡检任务列表
+export const listInspectionTaskByStore = (store: string | number): AxiosPromise<RiskInspectionTaskVo[]> => {
+  return request({
+    url: '/risk/inspectionTask/listByStore/' + store,
+    method: 'get'
+  });
+};
+
+// 查询巡检统计数据(顶部4张卡片)
+export const getInspectionStats = (): AxiosPromise<InspectionStatsVo> => {
+  return request({
+    url: '/risk/inspectionTask/stats',
+    method: 'get'
+  });
+};
+

src/api/risk/personnel.ts

@@ -0,0 +1,58 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskPersonnelBo, RiskPersonnelVo } from '@/api/risk/types';
+
+// 查询人员列表
+export const listPersonnel = (query: RiskPersonnelBo): AxiosPromise<RiskPersonnelVo[]> => {
+  return request({
+    url: '/risk/personnel/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询人员详情
+export const getPersonnel = (id: string | number): AxiosPromise<RiskPersonnelVo> => {
+  return request({
+    url: '/risk/personnel/' + id,
+    method: 'get'
+  });
+};
+
+// 新增人员
+export const addPersonnel = (data: RiskPersonnelBo): AxiosPromise => {
+  return request({
+    url: '/risk/personnel',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改人员
+export const updatePersonnel = (data: RiskPersonnelBo): AxiosPromise => {
+  return request({
+    url: '/risk/personnel',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除人员
+export const delPersonnel = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/personnel/' + ids,
+    method: 'delete'
+  });
+};
+
+// 保存人员(新增/修改) + 证书列表(覆盖式)
+export const savePersonnelWithCerts = (payload: {
+  personnel: any;
+  certList: any[];
+}): AxiosPromise<number> => {
+  return request({
+    url: '/risk/personnel/saveWithCerts',
+    method: 'post',
+    data: payload
+  });
+};

src/api/risk/personnelCert.ts

@@ -0,0 +1,54 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskPersonnelCertBo, RiskPersonnelCertVo } from '@/api/risk/types';
+
+// 查询人员证书列表
+export const listPersonnelCert = (query: RiskPersonnelCertBo): AxiosPromise<RiskPersonnelCertVo[]> => {
+  return request({
+    url: '/risk/personnelCert/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询人员证书详情
+export const getPersonnelCert = (id: string | number): AxiosPromise<RiskPersonnelCertVo> => {
+  return request({
+    url: '/risk/personnelCert/' + id,
+    method: 'get'
+  });
+};
+
+// 新增人员证书
+export const addPersonnelCert = (data: RiskPersonnelCertBo): AxiosPromise => {
+  return request({
+    url: '/risk/personnelCert',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改人员证书
+export const updatePersonnelCert = (data: RiskPersonnelCertBo): AxiosPromise => {
+  return request({
+    url: '/risk/personnelCert',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除人员证书
+export const delPersonnelCert = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/personnelCert/' + ids,
+    method: 'delete'
+  });
+};
+
+// 按人员ID查询证书列表
+export const listPersonnelCertByPersonnel = (personnelId: string | number): AxiosPromise<RiskPersonnelCertVo[]> => {
+  return request({
+    url: '/risk/personnelCert/listByPersonnel/' + personnelId,
+    method: 'get'
+  });
+};

src/api/risk/personnelChange.ts

@@ -0,0 +1,46 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskPersonnelChangeBo, RiskPersonnelChangeVo } from '@/api/risk/types';
+
+// 查询人员变动列表
+export const listPersonnelChange = (query: RiskPersonnelChangeBo): AxiosPromise<RiskPersonnelChangeVo[]> => {
+  return request({
+    url: '/risk/personnelChange/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询人员变动详情
+export const getPersonnelChange = (id: string | number): AxiosPromise<RiskPersonnelChangeVo> => {
+  return request({
+    url: '/risk/personnelChange/' + id,
+    method: 'get'
+  });
+};
+
+// 新增人员变动
+export const addPersonnelChange = (data: RiskPersonnelChangeBo): AxiosPromise => {
+  return request({
+    url: '/risk/personnelChange',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改人员变动
+export const updatePersonnelChange = (data: RiskPersonnelChangeBo): AxiosPromise => {
+  return request({
+    url: '/risk/personnelChange',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除人员变动
+export const delPersonnelChange = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/personnelChange/' + ids,
+    method: 'delete'
+  });
+};

src/api/risk/publicOpinion.ts

@@ -0,0 +1,80 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskPublicOpinionBo, RiskPublicOpinionVo, PublicOpinionStatsVo, PublicOpinionTrendVo } from '@/api/risk/types';
+
+// 查询舆情推送列表
+export const listPublicOpinion = (query: RiskPublicOpinionBo): AxiosPromise<RiskPublicOpinionVo[]> => {
+  return request({
+    url: '/risk/publicOpinion/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询舆情推送详情
+export const getPublicOpinion = (id: string | number): AxiosPromise<RiskPublicOpinionVo> => {
+  return request({
+    url: '/risk/publicOpinion/' + id,
+    method: 'get'
+  });
+};
+
+// 新增舆情推送
+export const addPublicOpinion = (data: RiskPublicOpinionBo): AxiosPromise => {
+  return request({
+    url: '/risk/publicOpinion',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改舆情推送
+export const updatePublicOpinion = (data: RiskPublicOpinionBo): AxiosPromise => {
+  return request({
+    url: '/risk/publicOpinion',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除舆情推送
+export const delPublicOpinion = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/publicOpinion/' + ids,
+    method: 'delete'
+  });
+};
+
+// 处理舆情
+export const handlePublicOpinion = (id: string | number, data: RiskPublicOpinionBo): AxiosPromise => {
+  return request({
+    url: '/risk/publicOpinion/handle/' + id,
+    method: 'put',
+    data: data
+  });
+};
+
+// 查询舆情统计数据(顶部 4 张卡片)
+export const getPublicOpinionStats = (): AxiosPromise<PublicOpinionStatsVo> => {
+  return request({
+    url: '/risk/publicOpinion/stats',
+    method: 'get'
+  });
+};
+
+// 查询近七天舆情趋势数据
+export const getPublicOpinionTrend = (): AxiosPromise<PublicOpinionTrendVo[]> => {
+  return request({
+    url: '/risk/publicOpinion/trend',
+    method: 'get'
+  });
+};
+
+// 查询重大舆情明细列表
+export const getMajorOpinionList = (params?: RiskPublicOpinionBo): AxiosPromise<RiskPublicOpinionVo[]> => {
+  return request({
+    url: '/risk/publicOpinion/major',
+    method: 'get',
+    params
+  });
+};

src/api/risk/specialEquipment.ts

@@ -0,0 +1,46 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskSpecialEquipmentBo, RiskSpecialEquipmentVo } from '@/api/risk/types';
+
+// 查询特种设备列表
+export const listSpecialEquipment = (query: RiskSpecialEquipmentBo): AxiosPromise<RiskSpecialEquipmentVo[]> => {
+  return request({
+    url: '/risk/specialEquipment/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询特种设备详情
+export const getSpecialEquipment = (id: string | number): AxiosPromise<RiskSpecialEquipmentVo> => {
+  return request({
+    url: '/risk/specialEquipment/' + id,
+    method: 'get'
+  });
+};
+
+// 新增特种设备
+export const addSpecialEquipment = (data: RiskSpecialEquipmentBo): AxiosPromise => {
+  return request({
+    url: '/risk/specialEquipment',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改特种设备
+export const updateSpecialEquipment = (data: RiskSpecialEquipmentBo): AxiosPromise => {
+  return request({
+    url: '/risk/specialEquipment',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除特种设备
+export const delSpecialEquipment = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/specialEquipment/' + ids,
+    method: 'delete'
+  });
+};

src/api/risk/types.ts

@@ -0,0 +1,810 @@
+/**
+ * 风控平台 - 通用业务对象接口
+ */
+
+// ==================== 隐患管理 ====================
+export interface RiskHiddenDangerBo {
+  id?: string | number;
+  dangerCode?: string;
+  dangerTitle?: string;
+  dangerType?: string;
+  dangerLevel?: string;
+  dangerSource?: string;
+  dangerDesc?: string;
+  storeId?: string | number;
+  storeName?: string;
+  discovererId?: string | number;
+  discovererName?: string;
+  discoverTime?: string;
+  handleStatus?: string;
+  handlerId?: string | number;
+  handlerName?: string;
+  handleTime?: string;
+  handleResult?: string;
+  handleMeasures?: string;
+  finishTime?: string;
+  photoList?: string | string[];
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskHiddenDangerVo {
+  id: string | number;
+  dangerCode: string;
+  dangerTitle: string;
+  dangerType: string;
+  dangerLevel: string;
+  dangerSource: string;
+  dangerDesc: string;
+  storeId: string | number;
+  storeName: string;
+  discovererId: string | number;
+  discovererName: string;
+  discoverTime: string;
+  handleStatus: string;
+  handlerId: string | number;
+  handlerName: string;
+  handleTime: string;
+  handleResult: string;
+  handleMeasures: string;
+  finishTime: string;
+  photoList: string | string[];
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 危险源 ====================
+export interface RiskDangerSourceBo {
+  id?: string | number;
+  sourceCode?: string;
+  sourceName?: string;
+  sourceType?: string;
+  riskLevel?: string;
+  storeId?: string | number;
+  storeName?: string;
+  location?: string;
+  sourceDesc?: string;
+  controlMeasures?: string;
+  reportTime?: string;
+  responsibleId?: string | number;
+  responsibleName?: string;
+  status?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskDangerSourceVo {
+  id: string | number;
+  sourceCode: string;
+  sourceName: string;
+  sourceType: string;
+  riskLevel: string;
+  storeId: string | number;
+  storeName: string;
+  location: string;
+  sourceDesc: string;
+  controlMeasures: string;
+  reportTime: string;
+  responsibleId: string | number;
+  responsibleName: string;
+  status: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 作业上报 ====================
+export interface RiskWorkReportBo {
+  id?: string | number;
+  reportCode?: string;
+  workType?: string;
+  workTitle?: string;
+  workContent?: string;
+  storeId?: string | number;
+  storeName?: string;
+  workLocation?: string;
+  workStartTime?: string;
+  workEndTime?: string;
+  reporterId?: string | number;
+  reporterName?: string;
+  reportTime?: string;
+  contactPhone?: string;
+  photoList?: string | string[];
+  certFile?: string;
+  certName?: string;
+  participants?: string;
+  riskMeasures?: string;
+  workResult?: string;
+  auditStatus?: string;
+  auditorId?: string | number;
+  auditorName?: string;
+  auditTime?: string;
+  auditOpinion?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskWorkReportVo {
+  id: string | number;
+  reportCode: string;
+  workType: string;
+  workTitle: string;
+  workContent: string;
+  storeId: string | number;
+  storeName: string;
+  workLocation: string;
+  workStartTime: string;
+  workEndTime: string;
+  reporterId: string | number;
+  reporterName: string;
+  reportTime: string;
+  contactPhone: string;
+  photoList: string | string[];
+  certFile: string;
+  certName: string;
+  participants: string;
+  riskMeasures: string;
+  workResult: string;
+  auditStatus: string;
+  auditorId: string | number;
+  auditorName: string;
+  auditTime: string;
+  auditOpinion: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 人员 ====================
+export interface RiskPersonnelBo {
+  id?: string | number;
+  personnelCode?: string;
+  personnelName?: string;
+  gender?: string;
+  idCard?: string;
+  age?: number;
+  phone?: string;
+  email?: string;
+  storeId?: string | number;
+  storeName?: string;
+  department?: string;
+  position?: string;
+  insuranceStatus?: string;
+  insuranceStartDate?: string;
+  insuranceExpireDate?: string;
+  jobType?: string;
+  entryDate?: string;
+  leaveDate?: string;
+  status?: string;
+  healthStatus?: string;
+  address?: string;
+  emergencyContact?: string;
+  emergencyPhone?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskPersonnelVo {
+  id: string | number;
+  personnelCode: string;
+  personnelName: string;
+  gender: string;
+  idCard: string;
+  age: number;
+  phone: string;
+  email: string;
+  storeId: string | number;
+  storeName: string;
+  department: string;
+  position: string;
+  insuranceStatus: string;
+  insuranceStartDate: string;
+  insuranceExpireDate: string;
+  jobType: string;
+  entryDate: string;
+  leaveDate: string;
+  status: string;
+  healthStatus: string;
+  address: string;
+  emergencyContact: string;
+  emergencyPhone: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 人员证书 ====================
+export interface RiskPersonnelCertBo {
+  id?: string | number;
+  personnelId?: string | number;
+  personnelName?: string;
+  certType?: string;
+  certName?: string;
+  certNo?: string;
+  issueOrg?: string;
+  issueDate?: string;
+  expireDate?: string;
+  certStatus?: string;
+  certFile?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskPersonnelCertVo {
+  id: string | number;
+  personnelId: string | number;
+  personnelName: string;
+  certType: string;
+  certName: string;
+  certNo: string;
+  issueOrg: string;
+  issueDate: string;
+  expireDate: string;
+  certStatus: string;
+  certFile: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 人员变动 ====================
+export interface RiskPersonnelChangeBo {
+  id?: string | number;
+  changeCode?: string;
+  personnelId?: string | number;
+  personnelName?: string;
+  changeType?: string;
+  changeReason?: string;
+  changeDate?: string;
+  leaveDate?: string;
+  beforeStoreId?: string | number;
+  beforeStoreName?: string;
+  beforeDept?: string;
+  beforePosition?: string;
+  afterStoreId?: string | number;
+  afterStoreName?: string;
+  afterDept?: string;
+  afterPosition?: string;
+  handlerId?: string | number;
+  handlerName?: string;
+  auditStatus?: string;
+  auditorId?: string | number;
+  auditorName?: string;
+  auditTime?: string;
+  auditOpinion?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskPersonnelChangeVo {
+  id: string | number;
+  changeCode: string;
+  personnelId: string | number;
+  personnelName: string;
+  changeType: string;
+  changeReason: string;
+  changeDate: string;
+  leaveDate: string;
+  beforeStoreId: string | number;
+  beforeStoreName: string;
+  beforeDept: string;
+  beforePosition: string;
+  afterStoreId: string | number;
+  afterStoreName: string;
+  afterDept: string;
+  afterPosition: string;
+  handlerId: string | number;
+  handlerName: string;
+  auditStatus: string;
+  auditorId: string | number;
+  auditorName: string;
+  auditTime: string;
+  auditOpinion: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 审计文件 ====================
+export interface RiskAuditFileBo {
+  id?: string | number;
+  fileCode?: string;
+  changeId?: string | number;
+  fileName?: string;
+  fileType?: string;
+  fileUrl?: string;
+  fileSize?: number;
+  uploadBy?: string | number;
+  uploadName?: string;
+  uploadTime?: string;
+  auditResult?: string;
+  auditOpinion?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskAuditFileVo {
+  id: string | number;
+  fileCode: string;
+  changeId: string | number;
+  fileName: string;
+  fileType: string;
+  fileUrl: string;
+  fileSize: number;
+  uploadBy: string | number;
+  uploadName: string;
+  uploadTime: string;
+  auditResult: string;
+  auditOpinion: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 风险警示 ====================
+export interface RiskWarningBo {
+  id?: string | number;
+  warningCode?: string;
+  warningTitle?: string;
+  warningType?: string;
+  warningLevel?: string;
+  warningSource?: string;
+  warningContent?: string;
+  storeId?: string | number;
+  storeName?: string;
+  releaseTime?: string;
+  expireTime?: string;
+  releaserId?: string | number;
+  releaserName?: string;
+  publishScope?: string;
+  status?: string;
+  readCount?: number;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskWarningVo {
+  id: string | number;
+  warningCode: string;
+  warningTitle: string;
+  warningType: string;
+  warningLevel: string;
+  warningSource: string;
+  warningContent: string;
+  storeId: string | number;
+  storeName: string;
+  releaseTime: string;
+  expireTime: string;
+  releaserId: string | number;
+  releaserName: string;
+  publishScope: string;
+  status: string;
+  readCount: number;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 特种设备 ====================
+export interface RiskSpecialEquipmentBo {
+  id?: string | number;
+  equipmentCode?: string;
+  equipmentName?: string;
+  equipmentType?: string;
+  model?: string;
+  specification?: string;
+  manufacturer?: string;
+  manufactureDate?: string;
+  purchaseDate?: string;
+  storeId?: string | number;
+  storeName?: string;
+  location?: string;
+  photoList?: string | string[];
+  installDate?: string;
+  useStatus?: string;
+  inspectionStatus?: string;
+  nextInspectionDate?: string;
+  responsibleId?: string | number;
+  responsibleName?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskSpecialEquipmentVo {
+  id: string | number;
+  equipmentCode: string;
+  equipmentName: string;
+  equipmentType: string;
+  model: string;
+  specification: string;
+  manufacturer: string;
+  manufactureDate: string;
+  purchaseDate: string;
+  storeId: string | number;
+  storeName: string;
+  location: string;
+  photoList: string | string[];
+  installDate: string;
+  useStatus: string;
+  inspectionStatus: string;
+  nextInspectionDate: string;
+  responsibleId: string | number;
+  responsibleName: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 设备维护 ====================
+export interface RiskEquipmentMaintenanceBo {
+  id?: string | number;
+  equipmentId?: string | number;
+  equipmentName?: string;
+  equipmentCode?: string;
+  maintenanceStatus?: string;
+  planStartTime?: string;
+  planEndTime?: string;
+  actualStartTime?: string;
+  actualEndTime?: string;
+  maintainerName?: string;
+  siteName?: string;
+  maintenanceContent?: string;
+  maintenanceResult?: string;
+  photoList?: string | string[];
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskEquipmentMaintenanceVo {
+  id: string | number;
+  equipmentId: string | number;
+  equipmentName: string;
+  equipmentCode: string;
+  maintenanceStatus: string;
+  planStartTime: string;
+  planEndTime: string;
+  actualStartTime: string;
+  actualEndTime: string;
+  maintainerName: string;
+  siteName: string;
+  maintenanceContent: string;
+  maintenanceResult: string;
+  photoList: string | string[];
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 舆情推送 ====================
+export interface RiskPublicOpinionBo {
+  id?: string | number;
+  opinionTitle?: string;
+  source?: string;
+  publishTime?: string;
+  riskLevel?: string;
+  responsiblePerson?: string;
+  opinionLink?: string;
+  opinionContent?: string;
+  disposalSuggestion?: string;
+  status?: string;
+  handleResult?: string;
+  handleTime?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskPublicOpinionVo {
+  id: string | number;
+  opinionTitle: string;
+  source: string;
+  publishTime: string;
+  riskLevel: string;
+  responsiblePerson: string;
+  opinionLink: string;
+  opinionContent: string;
+  disposalSuggestion: string;
+  status: string;
+  handleResult: string;
+  handleTime: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+export interface PublicOpinionStatsVo {
+  todayTotal: number;
+  yesterdayTotal: number;
+  todayGrowth: number;
+  majorTotal: number;
+  majorYesterday: number;
+  majorChange: number;
+  handledTotal: number;
+  handleBase: number;
+  handleRate: number;
+  pendingTotal: number;
+}
+
+export interface PublicOpinionTrendVo {
+  date: string;
+  totalCount: number;
+  majorCount: number;
+  handledCount: number;
+}
+
+// ==================== 事故上报 ====================
+export interface AccidentStatsVo {
+  monthTotal: number;
+  lastMonthTotal: number;
+  monthRate: number;
+  investigating: number;
+  lastMonthInvestigating: number;
+  investigatingRate: number;
+  finished: number;
+  lastMonthFinished: number;
+  finishedRate: number;
+  pendingAssess: number;
+  lastMonthPendingAssess: number;
+  pendingAssessRate: number;
+}
+
+export interface AccidentTrendVo {
+  month: string;
+  reportCount: number;
+  finishedCount: number;
+}
+
+export interface RiskAccidentBo {
+  id?: string | number;
+  accidentCode?: string;
+  accidentTitle?: string;
+  accidentType?: string;
+  accidentLevel?: string;
+  storeId?: string | number;
+  storeName?: string;
+  accidentLocation?: string;
+  accidentTime?: string;
+  accidentCause?: string;
+  accidentDesc?: string;
+  deathCount?: number;
+  injuryCount?: number;
+  lossAmount?: number;
+  reporterId?: string | number;
+  reporterName?: string;
+  reportTime?: string;
+  handleStatus?: string;
+  handlerId?: string | number;
+  handlerName?: string;
+  handleMeasures?: string;
+  investigationResult?: string;
+  improvementMeasures?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskAccidentVo {
+  id: string | number;
+  accidentCode: string;
+  accidentTitle: string;
+  accidentType: string;
+  accidentLevel: string;
+  storeId: string | number;
+  storeName: string;
+  accidentLocation: string;
+  accidentTime: string;
+  accidentCause: string;
+  accidentDesc: string;
+  deathCount: number;
+  injuryCount: number;
+  lossAmount: number;
+  reporterId: string | number;
+  reporterName: string;
+  reportTime: string;
+  handleStatus: string;
+  handlerId: string | number;
+  handlerName: string;
+  handleMeasures: string;
+  investigationResult: string;
+  improvementMeasures: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 巡检任务 ====================
+export interface InspectionStatsVo {
+  todayShould: number;
+  todayChecked: number;
+  abnormal: number;
+  unchecked: number;
+}
+
+export interface RiskInspectionTaskBo {
+  id?: string | number;
+  taskCode?: string;
+  taskName?: string;
+  taskType?: string;
+  storeId?: string | number;
+  storeName?: string;
+  planStartTime?: string;
+  planEndTime?: string;
+  actualStartTime?: string;
+  actualEndTime?: string;
+  inspectorId?: string | number;
+  inspectorName?: string;
+  taskStatus?: string;
+  itemCount?: number;
+  completedCount?: number;
+  passRate?: number;
+  location?: string;
+  lng?: number;
+  lat?: number;
+  cycle?: string;
+  scanEnabled?: string;
+  checkMethod?: string;
+  auditorId?: string | number;
+  auditorName?: string;
+  dayOfWeek?: string;
+  dayOfMonth?: string;
+  timeSlot?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskInspectionTaskVo {
+  id: string | number;
+  taskCode: string;
+  taskName: string;
+  taskType: string;
+  storeId: string | number;
+  storeName: string;
+  planStartTime: string;
+  planEndTime: string;
+  actualStartTime: string;
+  actualEndTime: string;
+  inspectorId: string | number;
+  inspectorName: string;
+  taskStatus: string;
+  itemCount: number;
+  completedCount: number;
+  passRate: number;
+  location: string;
+  lng: number;
+  lat: number;
+  cycle: string;
+  scanEnabled: string;
+  checkMethod: string;
+  auditorId: string | number;
+  auditorName: string;
+  dayOfWeek: string;
+  dayOfMonth: string;
+  timeSlot: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 巡检项目 ====================
+export interface RiskInspectionItemBo {
+  id?: string | number;
+  taskId?: string | number;
+  itemName?: string;
+  itemContent?: string;
+  itemStandard?: string;
+  itemType?: string;
+  checkMethod?: string;
+  itemOrder?: number;
+  checkResult?: string;
+  problemDesc?: string;
+  rectificateMeasures?: string;
+  rectificateStatus?: string;
+  rectificateDeadline?: string;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskInspectionItemVo {
+  id: string | number;
+  taskId: string | number;
+  itemName: string;
+  itemContent: string;
+  itemStandard: string;
+  itemType: string;
+  checkMethod: string;
+  itemOrder: number;
+  checkResult: string;
+  problemDesc: string;
+  rectificateMeasures: string;
+  rectificateStatus: string;
+  rectificateDeadline: string;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+
+// ==================== 打卡记录 ====================
+export interface RiskInspectionRecordBo {
+  id?: string | number;
+  recordCode?: string;
+  taskId?: string | number;
+  taskName?: string;
+  storeId?: string | number;
+  storeName?: string;
+  checkInTime?: string;
+  checkOutTime?: string;
+  checkInLocation?: string;
+  checkInLng?: number;
+  checkInLat?: number;
+  checkInPhoto?: string;
+  checkOutLocation?: string;
+  checkOutLng?: number;
+  checkOutLat?: number;
+  checkOutPhoto?: string;
+  inspectorId?: string | number;
+  inspectorName?: string;
+  recordStatus?: string;
+  problemCount?: number;
+  totalCount?: number;
+  remark?: string;
+  params?: any;
+}
+
+export interface RiskInspectionRecordVo {
+  id: string | number;
+  recordCode: string;
+  taskId: string | number;
+  taskName: string;
+  storeId: string | number;
+  storeName: string;
+  checkInTime: string;
+  checkOutTime: string;
+  checkInLocation: string;
+  checkInLng: number;
+  checkInLat: number;
+  checkInPhoto: string;
+  checkOutLocation: string;
+  checkOutLng: number;
+  checkOutLat: number;
+  checkOutPhoto: string;
+  inspectorId: string | number;
+  inspectorName: string;
+  recordStatus: string;
+  checkResult: string;
+  location: string;
+  problemCount: number;
+  totalCount: number;
+  remark: string;
+  createBy: string;
+  createTime: string;
+  updateBy: string;
+  updateTime: string;
+}
+

src/api/risk/warning.ts

@@ -0,0 +1,46 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskWarningBo, RiskWarningVo } from '@/api/risk/types';
+
+// 查询风险警示列表
+export const listWarning = (query: RiskWarningBo): AxiosPromise<RiskWarningVo[]> => {
+  return request({
+    url: '/risk/warning/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询风险警示详情
+export const getWarning = (id: string | number): AxiosPromise<RiskWarningVo> => {
+  return request({
+    url: '/risk/warning/' + id,
+    method: 'get'
+  });
+};
+
+// 新增风险警示
+export const addWarning = (data: RiskWarningBo): AxiosPromise => {
+  return request({
+    url: '/risk/warning',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改风险警示
+export const updateWarning = (data: RiskWarningBo): AxiosPromise => {
+  return request({
+    url: '/risk/warning',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除风险警示
+export const delWarning = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/warning/' + ids,
+    method: 'delete'
+  });
+};

src/api/risk/workReport.ts

@@ -0,0 +1,64 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { RiskWorkReportBo, RiskWorkReportVo } from '@/api/risk/types';
+
+// 查询作业上报列表
+export const listWorkReport = (query: RiskWorkReportBo): AxiosPromise<RiskWorkReportVo[]> => {
+  return request({
+    url: '/risk/workReport/list',
+    method: 'get',
+    params: query
+  });
+};
+
+// 查询作业上报详情
+export const getWorkReport = (id: string | number): AxiosPromise<RiskWorkReportVo> => {
+  return request({
+    url: '/risk/workReport/' + id,
+    method: 'get'
+  });
+};
+
+// 新增作业上报
+export const addWorkReport = (data: RiskWorkReportBo): AxiosPromise => {
+  return request({
+    url: '/risk/workReport',
+    method: 'post',
+    data: data
+  });
+};
+
+// 修改作业上报
+export const updateWorkReport = (data: RiskWorkReportBo): AxiosPromise => {
+  return request({
+    url: '/risk/workReport',
+    method: 'put',
+    data: data
+  });
+};
+
+// 删除作业上报
+export const delWorkReport = (ids: string | number | Array<string | number>): AxiosPromise => {
+  return request({
+    url: '/risk/workReport/' + ids,
+    method: 'delete'
+  });
+};
+
+// 审核作业上报
+export const auditWorkReport = (id: string | number, data: RiskWorkReportBo): AxiosPromise => {
+  return request({
+    url: '/risk/workReport/audit/' + id,
+    method: 'put',
+    data: data
+  });
+};
+
+// 导出作业上报
+export const exportWorkReport = (query: RiskWorkReportBo): AxiosPromise => {
+  return request({
+    url: '/risk/workReport/export',
+    method: 'post',
+    params: query
+  });
+};

src/components/FileUpload/index.vue

@@ -152,8 +152,18 @@ const handleExceed = () => {
 };
 
 // 上传失败
-const handleUploadError = () => {
-  proxy?.$modal.msgError('上传文件失败');
+const handleUploadError = (err: any) => {
+  let msg = '上传文件失败';
+  try {
+    const parsed = err && typeof err.message === 'string' ? JSON.parse(err.message) : null;
+    if (parsed?.msg) msg = parsed.msg;
+  } catch (_) {
+    // ignore parse error
+  }
+  if (msg === '上传文件失败' && err?.message && err.message.length < 200) {
+    msg = `上传文件失败: ${err.message}`;
+  }
+  proxy?.$modal.msgError(msg);
 };
 
 // 上传成功回调

src/components/ImageUpload/index.vue

@@ -210,8 +210,21 @@ const uploadedSuccessfully = () => {
 };
 
 // 上传失败
-const handleUploadError = () => {
-  proxy?.$modal.msgError('上传图片失败');
+const handleUploadError = (err: any) => {
+  let msg = '上传图片失败';
+  try {
+    const parsed = err && typeof err.message === 'string' ? JSON.parse(err.message) : null;
+    if (parsed?.msg) msg = parsed.msg;
+    else if (typeof err?.message === 'string' && err.message.startsWith('{')) {
+      msg = parsed?.msg || msg;
+    }
+  } catch (_) {
+    // ignore parse error
+  }
+  if (msg === '上传图片失败' && err?.message && err.message.length < 200) {
+    msg = `上传图片失败: ${err.message}`;
+  }
+  proxy?.$modal.msgError(msg);
   proxy?.$modal.closeLoading();
 };
 

src/layout/index.vue

@@ -1,144 +1,400 @@
 <template>
-  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
-    <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
-    <side-bar v-if="!sidebar.hide" class="sidebar-container" />
-    <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
-      <!-- <el-scrollbar>
-        <div :class="{ 'fixed-header': fixedHeader }">
-          <navbar ref="navbarRef" @setLayout="setLayout" />
-          <tags-view v-if="needTagsView" />
+  <div class="risk-layout">
+    <!-- 顶部蓝色 banner -->
+    <header class="risk-header">
+      <div class="header-left">
+        <div class="logo-icon">
+          <el-icon :size="22"><Lock /></el-icon>
         </div>
-        <app-main />
-        <settings ref="settingRef" />
-      </el-scrollbar> -->
-      <div :class="{ 'fixed-header': fixedHeader }">
-        <navbar ref="navbarRef" @set-layout="setLayout" />
-        <tags-view v-if="needTagsView" />
+        <span class="logo-text">企业安全风控平台</span>
       </div>
-      <app-main />
-      <settings ref="settingRef" />
+      <div class="header-right">
+        <el-badge :value="noticeCount" :max="99" class="notice-badge" type="danger">
+          <el-icon :size="20" class="bell-icon"><Bell /></el-icon>
+        </el-badge>
+        <el-dropdown trigger="click" @command="handleUserCmd">
+          <div class="user-info">
+            <el-avatar :size="32" :src="avatarUrl" class="user-avatar" />
+            <span class="user-name">{{ userName }}</span>
+            <el-icon :size="14" class="arrow-icon"><ArrowDown /></el-icon>
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item command="logout">
+                <el-icon><SwitchButton /></el-icon>退出登录
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </div>
+    </header>
+
+    <div class="risk-body">
+      <!-- 极简左侧菜单 -->
+      <aside class="risk-sidebar">
+        <el-scrollbar>
+          <el-menu
+            :default-active="activeMenu"
+            :router="true"
+            class="risk-menu"
+            background-color="#fafafa"
+            text-color="#333333"
+            active-text-color="#1890ff">
+            <el-menu-item
+              v-for="route in menuRoutes"
+              :key="route.path"
+              :index="resolvePath(route.path)">
+              <el-icon><component :is="resolveIcon(route)" /></el-icon>
+              <template #title><span>{{ resolveTitle(route) }}</span></template>
+            </el-menu-item>
+          </el-menu>
+        </el-scrollbar>
+      </aside>
+
+      <!-- 主内容区 -->
+      <main class="risk-main">
+        <router-view v-slot="{ Component, route }">
+          <transition name="fade-transform" mode="out-in">
+            <keep-alive>
+              <component :is="Component" :key="route.fullPath" />
+            </keep-alive>
+          </transition>
+        </router-view>
+      </main>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import SideBar from './components/Sidebar/index.vue';
-import { AppMain, Navbar, Settings, TagsView } from './components';
-import { useAppStore } from '@/store/modules/app';
-import { useSettingsStore } from '@/store/modules/settings';
-import { NavTypeEnum } from '@/enums/NavTypeEnum';
-import { initWebSocket } from '@/utils/websocket';
+import { computed, onMounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { ElMessageBox } from 'element-plus';
+import { useUserStore } from '@/store/modules/user';
+import { usePermissionStore } from '@/store/modules/permission';
+import { Lock, Bell, ArrowDown, HomeFilled, SwitchButton, Document, Warning, User, UserFilled, Tickets, Connection, Message, WarningFilled, List, Edit, Odometer, Guide, OfficeBuilding, Histogram, Setting, Tools, ChatLineRound, DataLine, Cellphone } from '@element-plus/icons-vue';
+import { logout } from '@/api/login';
 import { initSSE } from '@/utils/sse';
 
-const settingsStore = useSettingsStore();
-const theme = computed(() => settingsStore.theme);
-const sidebar = computed(() => useAppStore().sidebar);
-const device = computed(() => useAppStore().device);
-const needTagsView = computed(() => settingsStore.tagsView);
-const fixedHeader = computed(() => settingsStore.fixedHeader);
-const layout = computed(() => settingsStore.navType);
-
-// 根据布局模式判断是否显示侧边栏
-const showSidebar = computed(() => {
-  if (sidebar.value.hide) return false;
-  return layout.value === NavTypeEnum.LEFT || layout.value === NavTypeEnum.MIX;
-});
+const route = useRoute();
+const router = useRouter();
+const userStore = useUserStore();
+const permissionStore = usePermissionStore();
 
-const classObj = computed(() => ({
-  hideSidebar: !sidebar.value.opened,
-  openSidebar: sidebar.value.opened,
-  withoutAnimation: sidebar.value.withoutAnimation,
-  mobile: device.value === 'mobile'
-}));
+const userName = computed(() => userStore.nickname || '管理员');
+const avatarUrl = computed(() => userStore.avatar || 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png');
+const noticeCount = computed(() => 3);
 
-const { width } = useWindowSize();
-const WIDTH = 992; // refer to Bootstrap's responsive design
+const activeMenu = computed(() => {
+  const { meta, path } = route;
+  if (meta?.activeMenu) return meta.activeMenu as string;
+  return path;
+});
 
-watchEffect(() => {
-  if (device.value === 'mobile') {
-    useAppStore().closeSideBar({ withoutAnimation: false });
-  }
-  if (width.value - 1 < WIDTH) {
-    useAppStore().toggleDevice('mobile');
-    useAppStore().closeSideBar({ withoutAnimation: true });
-  } else {
-    useAppStore().toggleDevice('desktop');
+// 提取顶级可访问菜单
+// 规则：展示平台首页 + 风控平台(/risk)的子菜单作为顶级项 + 关键框架子菜单
+const menuRoutes = computed(() => {
+  const result: any[] = [];
+
+  // 1. 平台首页（来自 constantRoutes 的 path:'' 父级，含 /index）
+  const homeRoute = permissionStore.sidebarRouters.find(
+    (r: any) => r.path === '' && r.children?.some((c: any) => c.path === '/index' || c.path === 'index')
+  );
+  if (homeRoute) {
+    const indexChild = homeRoute.children.find((c: any) => c.path === '/index' || c.path === 'index');
+    if (indexChild) {
+      result.push({ ...indexChild, path: '/index' });
+    }
   }
-});
 
-const navbarRef = ref<InstanceType<typeof Navbar>>();
-const settingRef = ref<InstanceType<typeof Settings>>();
+  // 2. 风控平台 /risk 下的所有子菜单提升为顶级
+  const riskRoute = permissionStore.sidebarRouters.find((r: any) => r.path === '/risk');
+  if (riskRoute && riskRoute.children) {
+    riskRoute.children
+      .filter((c: any) => !c.hidden)
+      .forEach((c: any) => {
+        result.push({ ...c, path: '/risk/' + c.path.replace(/^\//, '') });
+      });
+  }
 
-onMounted(() => {
-  nextTick(() => {
-    navbarRef.value?.initTenantList();
+  // 3. 追加关键框架子菜单（系统管理/系统监控/系统工具），保持风控菜单的极简平铺风格
+  const frameworkItems: Array<{ path: string; title: string; icon: string }> = [
+    { path: '/system/user', title: '用户管理', icon: 'user' },
+    { path: '/system/role', title: '角色管理', icon: 'peoples' },
+    { path: '/system/dept', title: '部门管理', icon: 'tree' },
+    { path: '/system/dict', title: '字典管理', icon: 'dict' },
+    { path: '/system/notice', title: '通知公告', icon: 'message' },
+    { path: '/monitor/online', title: '在线用户', icon: 'online' },
+    { path: '/system/log/operlog', title: '操作日志', icon: 'form' },
+    { path: '/tool/gen', title: '代码生成', icon: 'code' }
+  ];
+  frameworkItems.forEach((item) => {
+    // 仅当动态路由中存在该路由时（即用户拥有对应权限），才追加到侧边栏
+    const matched = router.getRoutes().find((r) => r.path === item.path);
+    if (matched) {
+      result.push({
+        path: item.path,
+        name: matched.name,
+        meta: { title: item.title, icon: item.icon }
+      });
+    }
   });
-});
 
-onMounted(() => {
-  const protocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://';
-  initWebSocket(protocol + window.location.host + import.meta.env.VITE_APP_BASE_API + '/resource/websocket');
+  return result;
 });
 
-onMounted(() => {
-  initSSE(import.meta.env.VITE_APP_BASE_API + '/resource/sse');
-});
+const resolvePath = (p: string) => {
+  return p.startsWith('/') ? p : '/' + p;
+};
 
-const handleClickOutside = () => {
-  useAppStore().closeSideBar({ withoutAnimation: false });
+// 解析图标：优先使用 meta.iconRef，其次根据 icon 字符串返回 Element Plus 内置图标
+const iconMap: Record<string, any> = {
+  warning: Warning,
+  guide: Guide,
+  documentation: Document,
+  peoples: User,
+  log: Tickets,
+  message: Bell,
+  tree: Connection,
+  email: Message,
+  bug: WarningFilled,
+  list: List,
+  edit: Edit,
+  dashboard: Odometer,
+  user: UserFilled,
+  // 关键框架子菜单使用的图标
+  dict: List,
+  online: DataLine,
+  form: Document,
+  code: Cellphone,
+  // 兜底：一些常见系统图标
+  system: Setting,
+  tool: Tools,
+  monitor: Histogram,
+  chart: Histogram,
+  post: OfficeBuilding,
+  redis: Connection,
+  job: Cellphone,
+  server: DataLine,
+  upload: Document,
+  tab: Connection,
+  international: Connection,
+  build: Tools,
+  tree_table: Connection,
+  star: Histogram,
+  finish: Document,
+  waiting: Document,
+  my_task: Tickets,
+  my_copy: Document,
+  my_document: Document,
+  category: List,
+  process_definition: Connection,
+  logininfor: Document
+};
+const resolveIcon = (route: any) => {
+  const iconName = route.meta?.icon || 'document';
+  return iconMap[iconName] || Document;
 };
 
-const setLayout = () => {
-  settingRef.value?.openSetting();
+// 菜单标题：/index 特殊展示为"平台首页"，其余用 meta.title
+const resolveTitle = (route: any) => {
+  if (route.path === '/index' || route.path.endsWith('/index')) return '平台首页';
+  return route.meta?.title || route.name || route.path;
 };
+
+const handleUserCmd = async (cmd: string) => {
+  if (cmd === 'logout') {
+    try {
+      await ElMessageBox.confirm('确定注销并退出登录吗？', '提示', {
+        confirmButtonText: '退出',
+        cancelButtonText: '取消',
+        type: 'warning'
+      });
+      await logout();
+      userStore.logout();
+      window.location.href = '/login';
+    } catch {
+      // cancel
+    }
+  }
+};
+
+onMounted(() => {
+  // SSE / WebSocket 可选启动
+  try {
+    initSSE(import.meta.env.VITE_APP_BASE_API + '/resource/sse');
+  } catch (e) { /* noop */ }
+});
 </script>
 
 <style lang="scss" scoped>
-@use '@/assets/styles/mixin.scss';
-@use '@/assets/styles/variables.module.scss' as *;
+.risk-layout {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+  background: #f5f7fa;
+}
 
-.app-wrapper {
-  @include mixin.clearfix;
-  position: relative;
-  height: 100%;
-  width: 100%;
+/* ====== 顶部蓝色 banner ====== */
+.risk-header {
+  flex: 0 0 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  background: linear-gradient(90deg, #1890ff 0%, #096dd9 100%);
+  color: #ffffff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  z-index: 100;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
 
-  &.mobile.openSidebar {
-    position: fixed;
-    top: 0;
+  .logo-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    background: rgba(255, 255, 255, 0.18);
+    border-radius: 8px;
+    color: #ffffff;
+  }
+
+  .logo-text {
+    font-size: 18px;
+    font-weight: 600;
+    letter-spacing: 0.5px;
   }
 }
 
-.drawer-bg {
-  background: #000;
-  opacity: 0.3;
-  width: 100%;
-  top: 0;
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+
+  .notice-badge {
+    cursor: pointer;
+    color: #ffffff;
+
+    :deep(.el-badge__content) {
+      border: none;
+    }
+  }
+
+  .bell-icon {
+    color: #ffffff;
+    padding: 4px;
+  }
+
+  .user-info {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    padding: 4px 8px;
+    border-radius: 6px;
+    transition: background 0.2s;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.12);
+    }
+
+    .user-avatar {
+      background: #ffffff;
+    }
+
+    .user-name {
+      font-size: 14px;
+      color: #ffffff;
+    }
+
+    .arrow-icon {
+      color: rgba(255, 255, 255, 0.85);
+    }
+  }
+}
+
+/* ====== 主体区 ====== */
+.risk-body {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+/* ====== 极简左侧菜单 ====== */
+.risk-sidebar {
+  flex: 0 0 220px;
+  background: #fafafa;
+  border-right: 1px solid #ebeef5;
+  overflow: hidden;
+}
+
+.risk-menu {
+  border-right: none !important;
   height: 100%;
-  position: absolute;
-  z-index: 999;
 }
 
-.fixed-header {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 9;
-  width: calc(100% - #{$base-sidebar-width});
-  transition: width 0.28s;
-  background: $fixed-header-bg;
-  box-shadow: 0 2px 8px rgba(0, 21, 41, 0.10);
+:deep(.risk-menu .el-menu-item) {
+  height: 50px;
+  line-height: 50px;
+  font-size: 14px;
+  padding-left: 24px !important;
+  margin: 0 8px;
+  border-radius: 6px;
+  margin-bottom: 4px;
+
+  &:hover {
+    background-color: #f0f7ff !important;
+    color: #1890ff !important;
+  }
+
+  &.is-active {
+    background-color: #e6f7ff !important;
+    color: #1890ff !important;
+    font-weight: 500;
+
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 8px;
+      bottom: 8px;
+      width: 3px;
+      background: #1890ff;
+      border-radius: 2px;
+    }
+  }
 }
 
-.hideSidebar .fixed-header {
-  width: calc(100% - 54px);
+:deep(.risk-menu .el-menu-item .el-icon) {
+  font-size: 18px;
+  margin-right: 10px;
 }
 
-.sidebarHide .fixed-header {
-  width: 100%;
+/* ====== 主内容 ====== */
+.risk-main {
+  flex: 1;
+  overflow: hidden;
+  background: #f5f7fa;
+  position: relative;
 }
 
-.mobile .fixed-header {
-  width: 100%;
+/* ====== 过渡动画 ====== */
+.fade-transform-enter-active,
+.fade-transform-leave-active {
+  transition: all 0.25s ease;
+}
+.fade-transform-enter-from {
+  opacity: 0;
+  transform: translateY(8px);
+}
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateY(-8px);
 }
 </style>

src/router/index.ts

@@ -93,7 +93,235 @@ export const constantRoutes: RouteRecordRaw[] = [
 
 // 动态路由，基于用户权限动态去加载
 export const dynamicRoutes: RouteRecordRaw[] = [
-
+  {
+    path: '/system',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    name: 'System',
+    meta: { title: '系统管理', icon: 'system' },
+    children: [
+      {
+        path: 'user',
+        component: () => import('@/views/system/user/index.vue'),
+        name: 'SystemUser',
+        meta: { title: '用户管理', icon: 'user', permissions: ['system:user:list'] }
+      },
+      {
+        path: 'role',
+        component: () => import('@/views/system/role/index.vue'),
+        name: 'SystemRole',
+        meta: { title: '角色管理', icon: 'peoples', permissions: ['system:role:list'] }
+      },
+      {
+        path: 'menu',
+        component: () => import('@/views/system/menu/index.vue'),
+        name: 'SystemMenu',
+        meta: { title: '菜单管理', icon: 'tree-table', permissions: ['system:menu:list'] }
+      },
+      {
+        path: 'dept',
+        component: () => import('@/views/system/dept/index.vue'),
+        name: 'SystemDept',
+        meta: { title: '部门管理', icon: 'tree', permissions: ['system:dept:list'] }
+      },
+      {
+        path: 'post',
+        component: () => import('@/views/system/post/index.vue'),
+        name: 'SystemPost',
+        meta: { title: '岗位管理', icon: 'post', permissions: ['system:post:list'] }
+      },
+      {
+        path: 'dict',
+        component: () => import('@/views/system/dict/index.vue'),
+        name: 'SystemDict',
+        meta: { title: '字典管理', icon: 'dict', permissions: ['system:dict:list'] }
+      },
+      {
+        path: 'config',
+        component: () => import('@/views/system/config/index.vue'),
+        name: 'SystemConfig',
+        meta: { title: '参数设置', icon: 'edit', permissions: ['system:config:list'] }
+      },
+      {
+        path: 'notice',
+        component: () => import('@/views/system/notice/index.vue'),
+        name: 'SystemNotice',
+        meta: { title: '通知公告', icon: 'message', permissions: ['system:notice:list'] }
+      },
+      {
+        path: 'client',
+        component: () => import('@/views/system/client/index.vue'),
+        name: 'SystemClient',
+        meta: { title: '客户端管理', icon: 'tab', permissions: ['system:client:list'] }
+      },
+      {
+        path: 'oss',
+        component: () => import('@/views/system/oss/index.vue'),
+        name: 'SystemOss',
+        meta: { title: '对象存储', icon: 'upload', permissions: ['system:oss:list'] }
+      },
+      {
+        path: 'tenant',
+        component: () => import('@/views/system/tenant/index.vue'),
+        name: 'SystemTenant',
+        meta: { title: '租户管理', icon: 'chart', permissions: ['system:tenant:list'] }
+      }
+    ]
+  },
+  {
+    path: '/monitor',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    name: 'Monitor',
+    meta: { title: '系统监控', icon: 'monitor' },
+    children: [
+      {
+        path: 'online',
+        component: () => import('@/views/monitor/online/index.vue'),
+        name: 'MonitorOnline',
+        meta: { title: '在线用户', icon: 'online', permissions: ['monitor:online:list'] }
+      },
+      {
+        path: 'operlog',
+        component: () => import('@/views/monitor/operlog/index.vue'),
+        name: 'MonitorOperlog',
+        meta: { title: '操作日志', icon: 'form', permissions: ['monitor:operlog:list'] }
+      },
+      {
+        path: 'logininfor',
+        component: () => import('@/views/monitor/logininfor/index.vue'),
+        name: 'MonitorLogininfor',
+        meta: { title: '登录日志', icon: 'logininfor', permissions: ['monitor:logininfor:list'] }
+      },
+      {
+        path: 'cache',
+        component: () => import('@/views/monitor/cache/index.vue'),
+        name: 'MonitorCache',
+        meta: { title: '缓存监控', icon: 'redis', permissions: ['monitor:cache:list'] }
+      },
+      {
+        path: 'snailjob',
+        component: () => import('@/views/monitor/snailjob/index.vue'),
+        name: 'MonitorSnailjob',
+        meta: { title: '任务调度', icon: 'job', permissions: ['monitor:snailjob:list'] }
+      },
+      {
+        path: 'admin',
+        component: () => import('@/views/monitor/admin/index.vue'),
+        name: 'MonitorAdmin',
+        meta: { title: '服务监控', icon: 'server', permissions: ['monitor:admin:list'] }
+      }
+    ]
+  },
+  {
+    path: 'tool',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    name: 'Tool',
+    meta: { title: '系统工具', icon: 'tool' },
+    children: [
+      {
+        path: 'gen',
+        component: () => import('@/views/tool/gen/index.vue'),
+        name: 'ToolGen',
+        meta: { title: '代码生成', icon: 'code', permissions: ['tool:gen:list'] }
+      }
+    ]
+  },
+  {
+    path: 'demo',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    name: 'Demo',
+    meta: { title: '演示菜单', icon: 'star' },
+    children: [
+      {
+        path: 'demo',
+        component: () => import('@/views/demo/demo/index.vue'),
+        name: 'DemoDemo',
+        meta: { title: '演示单表', icon: 'build', permissions: ['demo:demo:list'] }
+      },
+      {
+        path: 'tree',
+        component: () => import('@/views/demo/tree/index.vue'),
+        name: 'DemoTree',
+        meta: { title: '演示树表', icon: 'tree-table', permissions: ['demo:tree:list'] }
+      }
+    ]
+  },
+  {
+    path: '/risk',
+    component: Layout,
+    redirect: 'noredirect',
+    name: 'Risk',
+    meta: { title: '风控平台', icon: 'warning' },
+    children: [
+      {
+        path: 'hiddenDanger',
+        component: () => import('@/views/risk/hiddenDanger/index.vue'),
+        name: 'RiskHiddenDanger',
+        meta: { title: '安全隐患', icon: 'warning', permissions: ['risk:hiddenDanger:list'] }
+      },
+      {
+        path: 'dangerSource',
+        component: () => import('@/views/risk/dangerSource/index.vue'),
+        name: 'RiskDangerSource',
+        meta: { title: '危险源上报', icon: 'guide', permissions: ['risk:dangerSource:list'] }
+      },
+      {
+        path: 'workReport',
+        component: () => import('@/views/risk/workReport/index.vue'),
+        name: 'RiskWorkReport',
+        meta: { title: '作业上报', icon: 'documentation', permissions: ['risk:workReport:list'] }
+      },
+      {
+        path: 'personnel',
+        component: () => import('@/views/risk/personnel/index.vue'),
+        name: 'RiskPersonnel',
+        meta: { title: '人员信息', icon: 'peoples', permissions: ['risk:personnel:list'] }
+      },
+      {
+        path: 'personnelChange',
+        component: () => import('@/views/risk/personnelChange/index.vue'),
+        name: 'RiskPersonnelChange',
+        meta: { title: '审计工作', icon: 'log', permissions: ['risk:personnelChange:list'] }
+      },
+      {
+        path: 'warning',
+        component: () => import('@/views/risk/warning/index.vue'),
+        name: 'RiskWarning',
+        meta: { title: '风险警示', icon: 'message', permissions: ['risk:warning:list'] }
+      },
+      {
+        path: 'specialEquipment',
+        component: () => import('@/views/risk/specialEquipment/index.vue'),
+        name: 'RiskSpecialEquipment',
+        meta: { title: '特种设备', icon: 'tree', permissions: ['risk:specialEquipment:list'] }
+      },
+      {
+        path: 'publicOpinion',
+        component: () => import('@/views/risk/publicOpinion/index.vue'),
+        name: 'RiskPublicOpinion',
+        meta: { title: '舆情推送', icon: 'email', permissions: ['risk:publicOpinion:list'] }
+      },
+      {
+        path: 'accident',
+        component: () => import('@/views/risk/accident/index.vue'),
+        name: 'RiskAccident',
+        meta: { title: '事故上报', icon: 'bug', permissions: ['risk:accident:list'] }
+      },
+      {
+        path: 'inspectionTask',
+        component: () => import('@/views/risk/inspectionTask/index.vue'),
+        name: 'RiskInspectionTask',
+        meta: { title: '巡检任务', icon: 'list', permissions: ['risk:inspectionTask:list'] }
+      }
+    ]
+  }
 ];
 
 /**
@@ -111,4 +339,31 @@ const router = createRouter({
   }
 });
 
-export default router;
+export default router;import { createWebHistory, createRouter, RouteRecordRaw } from 'vue-router';
+/* Layout */
+import Layout from '@/layout/index.vue';
+
+/**
+ * Note: 路由配置项
+ *
+ * hidden: true                     // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
+ * alwaysShow: true                 // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
+ *                                  // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
+ *                                  // 若你想不管路由下面的 children 声明的个数都显示你的根路由
+ *                                  // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
+ * redirect: noRedirect             // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
+ * name:'router-name'               // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
+ * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
+ * roles: ['admin', 'common']       // 访问路由的角色权限
+ * permissions: ['a:a:a', 'b:b:b']  // 访问路由的菜单权限
+ * meta : {
+    noCache: true                   // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
+    title: 'title'                  // 设置该路由在侧边栏和面包屑中展示的名字
+    icon: 'svg-name'                // 设置该路由的图标，对应路径src/assets/icons/svg
+    breadcrumb: false               // 如果设置为false，则不会在breadcrumb面包屑中显示
+    activeMenu: '/system/user'      // 当路由设置了该属性，则会高亮相对应的侧边栏。
+  }
+ */
+
+// 公共路由
+

src/settings.ts

@@ -5,18 +5,18 @@ const setting: DefaultSettings = {
   /**
    * 网页标题
    */
-  title: import.meta.env.VITE_APP_TITLE,
+  title: '企业安全风控平台',
 
-  theme: '#409EFF',
+  theme: '#1890ff',
 
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
    */
-  sideTheme: 'theme-dark',
+  sideTheme: 'theme-light',
   /**
    * 是否系统布局配置
    */
-  showSettings: true,
+  showSettings: false,
 
   /**
    * 默认布局
@@ -26,7 +26,7 @@ const setting: DefaultSettings = {
   /**
    * 是否显示 tagsView
    */
-  tagsView: true,
+  tagsView: false,
 
   /**
    * 显示页签图标
@@ -41,7 +41,7 @@ const setting: DefaultSettings = {
   /**
    * 是否显示logo
    */
-  sidebarLogo: true,
+  sidebarLogo: false,
 
   /**
    * 是否显示动态标题

src/store/modules/user.ts

@@ -59,11 +59,17 @@ export const useUserStore = defineStore('user', () => {
 
   // 注销
   const logout = async (): Promise<void> => {
-    await logoutApi();
-    token.value = '';
-    roles.value = [];
-    permissions.value = [];
-    removeToken();
+    try {
+      await logoutApi();
+    } catch (err) {
+      // 即使后端退出接口失败也要清空本地状态,避免登录后菜单不刷新
+      console.error('退出登录接口调用失败,强制清理本地状态:', err);
+    } finally {
+      token.value = '';
+      roles.value = [];
+      permissions.value = [];
+      removeToken();
+    }
   };
 
   const setAvatar = (value: string) => {

src/utils/minio.ts

@@ -0,0 +1,57 @@
+/**
+ * MinIO 文件上传工具
+ *
+ * MinIO 配置:
+ * - 访问站点: http://106.55.100.207:9000
+ * - AccessKey: rjzytest
+ * - SecretKey: rjzytest
+ * - 桶名称: rjzytest
+ * - 桶权限: public
+ * - 公开访问URL前缀: http://106.55.100.207:9000/rjzytest
+ */
+
+export const MINIO_CONFIG = {
+  endpoint: 'http://106.55.100.207:9000',
+  accessKey: 'rjzytest',
+  secretKey: 'rjzytest',
+  bucket: 'rjzytest',
+  publicUrl: 'http://106.55.100.207:9000/rjzytest'
+};
+
+export const UPLOAD_ACTION_URL = '/risk/file/upload';
+
+export const UPLOAD_MULTI_URL = '/risk/file/uploads';
+
+export const FILE_URL_PREFIX = MINIO_CONFIG.publicUrl;
+
+export const getMinioFileUrl = (fileName: string): string => {
+  if (!fileName) return '';
+  if (fileName.startsWith('http://') || fileName.startsWith('https://')) {
+    return fileName;
+  }
+  return `${MINIO_CONFIG.publicUrl}/${fileName}`;
+};
+
+export const parseUploadResponse = (response: any): string => {
+  if (!response) return '';
+  const data = response.data || response;
+  if (data.url) {
+    return data.url;
+  }
+  if (data.fileName) {
+    return getMinioFileUrl(data.fileName);
+  }
+  return '';
+};
+
+export const joinFileUrls = (urls: (string | undefined | null)[]): string => {
+  return urls.filter(Boolean).join(',');
+};
+
+export const splitFileUrls = (files?: string | null): string[] => {
+  if (!files) return [];
+  return files
+    .split(',')
+    .map((s) => s.trim())
+    .filter(Boolean);
+};

src/views/index.vue

@@ -1,165 +1,868 @@
 <template>
-  <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>RuoYi-Vue-Plus多租户管理系统</h2>
-        <p>
-          RuoYi-Vue-Plus 是基于 RuoYi-Vue 针对 分布式集群 场景升级(不兼容原框架)
-          <br />
-          * 前端开发框架 Vue3、TS、Element Plus<br />
-          * 后端开发框架 Spring Boot<br />
-          * 容器框架 Undertow 基于 Netty 的高性能容器<br />
-          * 权限认证框架 Sa-Token 支持多终端认证系统<br />
-          * 关系数据库 MySQL 适配 8.X 最低 5.7<br />
-          * 缓存数据库 Redis 适配 6.X 最低 4.X<br />
-          * 数据库框架 Mybatis-Plus 快速 CRUD 增加开发效率<br />
-          * 数据库框架 p6spy 更强劲的 SQL 分析<br />
-          * 多数据源框架 dynamic-datasource 支持主从与多种类数据库异构<br />
-          * 序列化框架 Jackson 统一使用 jackson 高效可靠<br />
-          * Redis客户端 Redisson 性能强劲、API丰富<br />
-          * 分布式限流 Redisson 全局、请求IP、集群ID 多种限流<br />
-          * 分布式锁 Lock4j 注解锁、工具锁 多种多样<br />
-          * 分布式幂等 Lock4j 基于分布式锁实现<br />
-          * 分布式链路追踪 SkyWalking 支持链路追踪、网格分析、度量聚合、可视化<br />
-          * 分布式任务调度 SnailJob 高性能 高可靠 易扩展<br />
-          * 文件存储 Minio 本地存储<br />
-          * 文件存储 七牛、阿里、腾讯 云存储<br />
-          * 监控框架 SpringBoot-Admin 全方位服务监控<br />
-          * 校验框架 Validation 增强接口安全性 严谨性<br />
-          * Excel框架 FastExcel(原Alibaba EasyExcel) 性能优异 扩展性强<br />
-          * 文档框架 SpringDoc、javadoc 无注解零入侵基于java注释<br />
-          * 工具类框架 Hutool、Lombok 减少代码冗余 增加安全性<br />
-          * 代码生成器 适配MP、SpringDoc规范化代码 一键生成前后端代码<br />
-          * 部署方式 Docker 容器编排 一键部署业务集群<br />
-          * 国际化 SpringMessage Spring标准国际化方案<br />
-        </p>
-        <p><b>当前版本:</b> <span>v5.6.2</span></p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://gitee.com/dromara/RuoYi-Vue-Plus')">访问码云</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://github.com/dromara/RuoYi-Vue-Plus')">访问GitHub</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://plus-doc.dromara.org/#/ruoyi-vue-plus/changlog')"
-            >更新日志</el-button
-          >
-        </p>
+  <div class="dashboard-container">
+    <!-- 欢迎语 -->
+    <div class="welcome-section">
+      <h2 class="welcome-title">欢迎回来，{{ userName }}</h2>
+      <p class="welcome-subtitle">
+        今日是 {{ todayStr }}，今天也是安全的一天
+      </p>
+    </div>
+
+    <!-- 4 张统计卡片 -->
+    <el-row :gutter="16" class="stats-row">
+      <el-col :xs="24" :sm="12" :md="6" v-for="(item, idx) in statsCards" :key="idx">
+        <div class="stat-card" @click="handleCardClick(item)">
+          <div class="stat-header">
+            <span class="stat-title">{{ item.title }}</span>
+            <div class="stat-icon" :style="{ background: item.iconBg }">
+              <el-icon :size="20" color="#fff"><component :is="item.icon" /></el-icon>
+            </div>
+          </div>
+          <div class="stat-value">{{ item.value }}</div>
+          <div class="stat-footer" :style="{ color: item.footerColor }">
+            <el-icon v-if="item.upIcon" :size="14"><CaretTop /></el-icon>
+            <el-icon v-else-if="item.downIcon" :size="14"><CaretBottom /></el-icon>
+            <el-icon v-else :size="14"><Check /></el-icon>
+            <span>{{ item.footer }}</span>
+          </div>
+        </div>
       </el-col>
+    </el-row>
 
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>RuoYi-Cloud-Plus多租户微服务管理系统</h2>
-        <p>
-          RuoYi-Cloud-Plus 微服务通用权限管理系统 重写 RuoYi-Cloud 全方位升级(不兼容原框架)
-          <br />
-          * 前端开发框架 Vue3、TS、Element UI<br />
-          * 后端开发框架 Spring Boot<br />
-          * 微服务开发框架 Spring Cloud、Spring Cloud Alibaba<br />
-          * 容器框架 Undertow 基于 XNIO 的高性能容器<br />
-          * 权限认证框架 Sa-Token、Jwt 支持多终端认证系统<br />
-          * 关系数据库 MySQL 适配 8.X 最低 5.7<br />
-          * 关系数据库 Oracle 适配 11g 12c<br />
-          * 关系数据库 PostgreSQL 适配 13 14<br />
-          * 关系数据库 SQLServer 适配 2017 2019<br />
-          * 缓存数据库 Redis 适配 6.X 最低 5.X<br />
-          * 分布式注册中心 Alibaba Nacos 采用2.X 基于GRPC通信高性能<br />
-          * 分布式配置中心 Alibaba Nacos 采用2.X 基于GRPC通信高性能<br />
-          * 服务网关 Spring Cloud Gateway 响应式高性能网关<br />
-          * 负载均衡 Spring Cloud Loadbalancer 负载均衡处理<br />
-          * RPC远程调用 Apache Dubbo 原生态使用体验、高性能<br />
-          * 分布式限流熔断 Alibaba Sentinel 无侵入、高扩展<br />
-          * 分布式事务 Alibaba Seata 无侵入、高扩展 支持 四种模式<br />
-          * 分布式消息队列 Apache Kafka 高性能高速度<br />
-          * 分布式消息队列 Apache RocketMQ 高可用功能多样<br />
-          * 分布式消息队列 RabbitMQ 支持各种扩展插件功能多样性<br />
-          * 分布式搜索引擎 ElasticSearch 业界知名<br />
-          * 分布式链路追踪 Apache SkyWalking 链路追踪、网格分析、度量聚合、可视化<br />
-          * 分布式日志中心 ELK 业界成熟解决方案<br />
-          * 分布式监控 Prometheus、Grafana 全方位性能监控<br />
-          * 其余与 Vue 版本一致<br />
-        </p>
-        <p><b>当前版本:</b> <span>v2.6.2</span></p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://gitee.com/dromara/RuoYi-Cloud-Plus')">访问码云</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://github.com/dromara/RuoYi-Cloud-Plus')">访问GitHub</el-button>
-          <el-button type="primary" icon="Cloudy" plain @click="goTarget('https://plus-doc.dromara.org/#/ruoyi-cloud-plus/changlog')"
-            >更新日志</el-button
+    <!-- 图表区 -->
+    <el-row :gutter="16" class="chart-row">
+      <el-col :xs="24" :lg="14">
+        <div class="chart-card">
+          <div class="chart-card-header">月度隐患处理趋势</div>
+          <div ref="trendChartRef" class="chart-container"></div>
+        </div>
+      </el-col>
+      <el-col :xs="24" :lg="10">
+        <div class="chart-card">
+          <div class="chart-card-header">隐患类型分布</div>
+          <div ref="pieChartRef" class="chart-container"></div>
+        </div>
+      </el-col>
+    </el-row>
+
+    <!-- 最新安全隐患：单独一列 -->
+    <el-row :gutter="16" class="bottom-row">
+      <el-col :span="24">
+        <div class="chart-card">
+          <div class="chart-card-header">
+            <span>最新安全隐患</span>
+            <span class="view-all" @click="goHiddenDanger()">查看全部 →</span>
+          </div>
+          <el-table
+            :data="recentDangers"
+            size="small"
+            class="danger-table"
+            :row-class-name="rowClickableClass"
+            @row-click="onDangerRowClick"
+            :empty-text="'暂无隐患数据'"
+            v-loading="loading.dangers"
           >
-        </p>
+            <el-table-column prop="dangerCode" label="隐患编号" width="140" />
+            <el-table-column prop="dangerTitle" label="隐患名称" min-width="200" show-overflow-tooltip />
+            <el-table-column prop="location" label="隐患位置" min-width="180" show-overflow-tooltip />
+            <el-table-column prop="dangerType" label="隐患类型" width="120" />
+            <el-table-column label="风险等级" width="90" align="center">
+              <template #default="{ row }">
+                <el-tag :type="getLevelType(row.dangerLevel)" size="small" effect="light" round>
+                  {{ row.dangerLevel }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="上报时间" width="110" align="center">
+              <template #default="{ row }">{{ formatDate(row.reportTime) }}</template>
+            </el-table-column>
+            <el-table-column label="状态" width="90" align="center">
+              <template #default="{ row }">
+                <el-tag :type="getStatusType(row.handleStatus)" size="small" effect="plain">
+                  {{ row.handleStatus }}
+                </el-tag>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
       </el-col>
     </el-row>
-    <el-divider />
+
+    <!-- 培训 + 公告：分两列 -->
+    <el-row :gutter="16" class="bottom-row">
+      <el-col :xs="24" :lg="12">
+        <div class="chart-card">
+          <div class="chart-card-header">
+            <span>近期安全培训</span>
+            <span class="view-all" @click="goTraining()">更多 →</span>
+          </div>
+          <ul class="training-list" v-loading="loading.trainings">
+            <li
+              v-for="(t, i) in recentTrainings"
+              :key="i"
+              class="training-item clickable"
+              @click="goTraining()"
+            >
+              <span class="training-name">{{ t.trainingName }}</span>
+              <span class="training-time">{{ formatDate(t.trainingTime) }}</span>
+            </li>
+            <li v-if="!loading.trainings && !recentTrainings.length" class="empty-tip">暂无培训计划</li>
+          </ul>
+        </div>
+      </el-col>
+
+      <el-col :xs="24" :lg="12">
+        <div class="chart-card">
+          <div class="chart-card-header">
+            <span>最近公告</span>
+            <el-icon :size="16" color="#909399"><Bell /></el-icon>
+          </div>
+          <ul class="notice-list" v-loading="loading.notices">
+            <li
+              v-for="(n, i) in recentNotices"
+              :key="i"
+              class="notice-item clickable"
+              @click="openNoticeDetail(n)"
+            >
+              <div class="notice-head">
+                <span class="notice-title">{{ n.title }}</span>
+                <span class="notice-date">{{ formatDate(n.publishTime) }}</span>
+              </div>
+              <div class="notice-summary">{{ n.summary }}</div>
+            </li>
+            <li v-if="!loading.notices && !recentNotices.length" class="empty-tip">暂无公告</li>
+          </ul>
+        </div>
+      </el-col>
+    </el-row>
+
+    <!-- 公告详情弹窗 -->
+    <el-dialog
+      v-model="noticeDialog.visible"
+      title="公告详情"
+      width="640px"
+      append-to-body
+    >
+      <div v-if="noticeDialog.data" class="notice-detail">
+        <h3 class="notice-detail-title">{{ noticeDialog.data.title }}</h3>
+        <div class="notice-detail-meta">发布日期：{{ formatDateTime(noticeDialog.data.publishTime) }}</div>
+        <div class="notice-detail-content">{{ noticeDialog.data.summary }}</div>
+      </div>
+      <template #footer>
+        <el-button type="primary" @click="noticeDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
-<script setup name="Index" lang="ts">
-const goTarget = (url: string) => {
-  window.open(url, '__blank');
+<script setup lang="ts">
+import { ref, reactive, onMounted, onUnmounted, nextTick, computed } from 'vue';
+import * as echarts from 'echarts';
+import {
+  Warning,
+  CircleCheck,
+  Clock,
+  Setting,
+  CaretTop,
+  CaretBottom,
+  Check,
+  Bell
+} from '@element-plus/icons-vue';
+import { useUserStore } from '@/store/modules/user';
+import { useRouter } from 'vue-router';
+import {
+  getDashboardStats,
+  getRecentDangers,
+  getRecentTrainings,
+  getRecentNotices
+} from '@/api/risk/dashboard';
+import type {
+  DashboardStatsVo,
+  RecentDangerVo,
+  RecentTrainingVo,
+  RecentNoticeVo
+} from '@/api/risk/dashboard';
+
+const userStore = useUserStore();
+const router = useRouter();
+const userName = computed(() => userStore.nickname || userStore.name || '管理员');
+
+// 今天的日期字符串
+const todayStr = computed(() => {
+  const d = new Date();
+  const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+  return `${d.getFullYear()}年${d.getMonth() + 1}月${d.getDate()}日 ${weekdays[d.getDay()]}`;
+});
+
+// loading 状态
+const loading = reactive({
+  stats: false,
+  dangers: false,
+  trainings: false,
+  notices: false
+});
+
+// 4 张卡片配置
+const statsCards = ref<any[]>([
+  {
+    key: 'dangerTotal',
+    title: '安全隐患总数',
+    value: 0,
+    icon: Warning,
+    iconBg: '#1890ff',
+    footer: '加载中...',
+    footerColor: '#8c8c8c',
+    upIcon: false,
+    downIcon: false,
+    jumpType: 'hiddenDanger'
+  },
+  {
+    key: 'dangerHandled',
+    title: '已处理隐患',
+    value: 0,
+    icon: CircleCheck,
+    iconBg: '#52c41a',
+    footer: '加载中...',
+    footerColor: '#8c8c8c',
+    upIcon: false,
+    downIcon: false,
+    jumpType: 'hiddenDanger',
+    jumpQuery: { handleStatus: '已处理' }
+  },
+  {
+    key: 'dangerPending',
+    title: '待处理隐患',
+    value: 0,
+    icon: Clock,
+    iconBg: '#faad14',
+    footer: '加载中...',
+    footerColor: '#8c8c8c',
+    upIcon: false,
+    downIcon: false,
+    jumpType: 'hiddenDanger',
+    jumpQuery: { handleStatus: '待处理' }
+  },
+  {
+    key: 'equipmentTotal',
+    title: '特种设备数量',
+    value: 0,
+    icon: Setting,
+    iconBg: '#722ed1',
+    footer: '加载中...',
+    footerColor: '#8c8c8c',
+    upIcon: false,
+    downIcon: false,
+    jumpType: 'specialEquipment'
+  }
+]);
+
+// 底部真实数据
+const recentDangers = ref<RecentDangerVo[]>([]);
+const recentTrainings = ref<RecentTrainingVo[]>([]);
+const recentNotices = ref<RecentNoticeVo[]>([]);
+
+const trendChartRef = ref<HTMLElement>();
+const pieChartRef = ref<HTMLElement>();
+let trendChart: echarts.ECharts | null = null;
+let pieChart: echarts.ECharts | null = null;
+
+const noticeDialog = reactive({
+  visible: false,
+  data: null as any
+});
+
+const rowClickableClass = () => 'row-clickable';
+
+// 风险等级 → el-tag type
+const getLevelType = (level: string): 'danger' | 'warning' | 'success' | 'info' => {
+  if (!level) return 'info';
+  if (level.includes('重大') || level === 'high') return 'danger';
+  if (level.includes('较大') || level === 'medium') return 'warning';
+  if (level.includes('一般') || level === 'low') return 'success';
+  return 'info';
 };
-</script>
 
-<style lang="scss" scoped>
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
+const getStatusType = (status: string): 'danger' | 'warning' | 'success' | 'info' => {
+  if (!status) return 'info';
+  if (status.includes('待')) return 'danger';
+  if (status.includes('处理中')) return 'warning';
+  if (status.includes('已完成') || status.includes('已处理')) return 'success';
+  return 'info';
+};
+
+const formatDate = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+};
+
+const formatDateTime = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+};
+
+// ============ 加载数据 ============
+
+const loadStats = async () => {
+  loading.stats = true;
+  try {
+    const res: any = await getDashboardStats();
+    if (res.code === 200 && res.data) {
+      applyStats(res.data);
+    }
+  } catch (e) {
+    console.error('[dashboard] 加载统计数据失败', e);
+  } finally {
+    loading.stats = false;
   }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
+};
+
+const applyStats = (data: DashboardStatsVo) => {
+  // 卡片
+  statsCards.value[0].value = data.dangerTotal ?? 0;
+  statsCards.value[1].value = data.dangerHandled ?? 0;
+  statsCards.value[2].value = data.dangerPending ?? 0;
+  statsCards.value[3].value = data.equipmentTotal ?? 0;
+
+  // 第一张卡片：隐患总数 + 日环比
+  const ratio = Number(data.dangerDayRatio ?? 0);
+  statsCards.value[0].footer = ratio === 0
+    ? '与昨日持平'
+    : `${ratio > 0 ? '较昨日' : '较昨日'} ${Math.abs(ratio).toFixed(1)}%`;
+  statsCards.value[0].footerColor = ratio > 0 ? '#ff4d4f' : ratio < 0 ? '#52c41a' : '#8c8c8c';
+  statsCards.value[0].upIcon = ratio > 0;
+  statsCards.value[0].downIcon = ratio < 0;
+
+  // 第二张卡片：已处理 + 处理率
+  const total = data.dangerTotal || 0;
+  const handled = data.dangerHandled || 0;
+  const handleRate = total > 0 ? Math.round((handled / total) * 100) : 0;
+  statsCards.value[1].footer = `处理率 ${handleRate}%`;
+  statsCards.value[1].footerColor = handleRate >= 80 ? '#52c41a' : handleRate >= 50 ? '#faad14' : '#ff4d4f';
+
+  // 第三张卡片：待处理
+  const pending = data.dangerPending ?? 0;
+  statsCards.value[2].footer = pending > 0 ? '需尽快处理' : '已全部处理';
+  statsCards.value[2].footerColor = pending > 0 ? '#fa8c16' : '#52c41a';
+  statsCards.value[2].downIcon = pending > 0;
+
+  // 第四张卡片：特种设备
+  const maintaining = data.equipmentMaintaining ?? 0;
+  statsCards.value[3].footer = maintaining > 0 ? `${maintaining} 台维保中` : '全部正常运行';
+  statsCards.value[3].footerColor = maintaining > 0 ? '#faad14' : '#52c41a';
+
+  // 图表
+  initTrendChart(data.monthlyTrend || []);
+  initPieChart(data.dangerTypeStats || []);
+};
+
+const loadDangers = async () => {
+  loading.dangers = true;
+  try {
+    const res: any = await getRecentDangers();
+    if (res.code === 200 && res.data) {
+      recentDangers.value = res.data;
+    }
+  } catch (e) {
+    console.error('[dashboard] 加载最新隐患失败', e);
+  } finally {
+    loading.dangers = false;
+  }
+};
+
+const loadTrainings = async () => {
+  loading.trainings = true;
+  try {
+    const res: any = await getRecentTrainings();
+    if (res.code === 200 && res.data) {
+      recentTrainings.value = res.data;
+    }
+  } catch (e) {
+    console.error('[dashboard] 加载培训失败', e);
+  } finally {
+    loading.trainings = false;
   }
-  .col-item {
-    margin-bottom: 20px;
+};
+
+const loadNotices = async () => {
+  loading.notices = true;
+  try {
+    const res: any = await getRecentNotices();
+    if (res.code === 200 && res.data) {
+      recentNotices.value = res.data;
+    }
+  } catch (e) {
+    console.error('[dashboard] 加载公告失败', e);
+  } finally {
+    loading.notices = false;
   }
+};
+
+const initTrendChart = (monthlyTrend: Array<Record<string, any>>) => {
+  if (!trendChartRef.value) return;
+  trendChart = echarts.init(trendChartRef.value);
+
+  const months = monthlyTrend.map((m) => String(m.month ?? ''));
+  const reported = monthlyTrend.map((m) => Number(m.reported ?? 0));
+  const handled = monthlyTrend.map((m) => Number(m.handled ?? 0));
+
+  trendChart.setOption({
+    tooltip: {
+      trigger: 'axis',
+      backgroundColor: 'rgba(255,255,255,0.95)',
+      borderColor: '#e8e8e8',
+      borderWidth: 1,
+      textStyle: { color: '#333' },
+      formatter: (params: any[]) => {
+        let html = `<div style="font-weight:600;margin-bottom:6px;">${params[0].axisValue}</div>`;
+        params.forEach((p) => {
+          html += `<div style="margin-top:4px;display:flex;align-items:center;justify-content:space-between;min-width:160px;">
+            <span>
+              <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${p.color};margin-right:6px"></span>
+              ${p.seriesName}
+            </span>
+            <span style="margin-left:12px;font-weight:600;">${p.data}</span>
+          </div>`;
+        });
+        return html;
+      }
+    },
+    legend: {
+      data: ['上报隐患', '已处理'],
+      top: 0,
+      right: 10,
+      icon: 'circle',
+      itemWidth: 8,
+      itemHeight: 8,
+      textStyle: { color: '#595959', fontSize: 12 }
+    },
+    grid: { left: '3%', right: '4%', bottom: '3%', top: '18%', containLabel: true },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: months,
+      axisLine: { lineStyle: { color: '#e8e8e8' } },
+      axisTick: { show: false },
+      axisLabel: { color: '#8c8c8c' }
+    },
+    yAxis: {
+      type: 'value',
+      name: '',
+      splitLine: { lineStyle: { color: '#f0f0f0' } },
+      axisLine: { show: false },
+      axisTick: { show: false },
+      axisLabel: { color: '#8c8c8c' }
+    },
+    series: [
+      {
+        name: '上报隐患',
+        type: 'line',
+        smooth: true,
+        symbol: 'circle',
+        symbolSize: 6,
+        lineStyle: { width: 2, color: '#1890ff' },
+        itemStyle: { color: '#1890ff' },
+        data: reported
+      },
+      {
+        name: '已处理',
+        type: 'line',
+        smooth: true,
+        symbol: 'circle',
+        symbolSize: 6,
+        lineStyle: { width: 2, color: '#52c41a' },
+        itemStyle: { color: '#52c41a' },
+        data: handled
+      }
+    ]
+  });
+};
+
+const initPieChart = (dangerTypeStats: Array<Record<string, any>>) => {
+  if (!pieChartRef.value) return;
+  pieChart = echarts.init(pieChartRef.value);
+  const data = dangerTypeStats.length
+    ? dangerTypeStats.map((m) => ({ name: String(m.name ?? ''), value: Number(m.value ?? 0) }))
+    : [{ name: '暂无数据', value: 0 }];
+
+  pieChart.setOption({
+    tooltip: {
+      trigger: 'item',
+      backgroundColor: 'rgba(255,255,255,0.95)',
+      borderColor: '#e8e8e8',
+      borderWidth: 1,
+      textStyle: { color: '#333' },
+      formatter: (p: any) => {
+        const value = p.value ?? 0;
+        if (value === 0) return `${p.name}：暂无数据`;
+        return `<div style="font-weight:600;margin-bottom:4px;">${p.name}</div>
+          <div>数量：<b>${value}</b></div>
+          <div>占比：<b>${p.percent}%</b></div>`;
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      left: 10,
+      top: 'center',
+      icon: 'circle',
+      itemWidth: 8,
+      itemHeight: 8,
+      textStyle: { color: '#595959', fontSize: 12 }
+    },
+    color: ['#1890ff', '#ff4d4f', '#faad14', '#52c41a', '#722ed1', '#13c2c2', '#eb2f96'],
+    series: [
+      {
+        name: '隐患类型',
+        type: 'pie',
+        radius: ['55%', '75%'],
+        center: ['65%', '50%'],
+        avoidLabelOverlap: true,
+        itemStyle: {
+          borderRadius: 4,
+          borderColor: '#fff',
+          borderWidth: 2
+        },
+        label: {
+          show: false
+        },
+        labelLine: { show: false },
+        emphasis: {
+          scale: true,
+          scaleSize: 6,
+          label: {
+            show: true,
+            fontSize: 13,
+            fontWeight: 600,
+            formatter: '{b}\n{d}%'
+          }
+        },
+        data: data.map((d) => ({ name: d.name, value: d.value }))
+      }
+    ]
+  });
+};
+
+const handleResize = () => {
+  trendChart?.resize();
+  pieChart?.resize();
+};
+
+// ============ 点击交互 ============
+
+const handleCardClick = (item: any) => {
+  if (item.jumpType === 'hiddenDanger') {
+    goHiddenDanger(item.jumpQuery);
+  } else if (item.jumpType === 'specialEquipment') {
+    router.push('/risk/specialEquipment');
+  }
+};
+
+const goHiddenDanger = (query?: Record<string, any>) => {
+  router.push({
+    path: '/risk/hiddenDanger',
+    query
+  });
+};
 
-  ul {
-    padding: 0;
+const goTraining = () => {
+  router.push('/risk/inspectionTask');
+};
+
+const onDangerRowClick = (row: any) => {
+  if (!row || !row.dangerCode) return;
+  router.push({
+    path: '/risk/hiddenDanger',
+    query: { keyword: row.dangerCode }
+  });
+};
+
+const openNoticeDetail = (notice: any) => {
+  noticeDialog.data = notice;
+  noticeDialog.visible = true;
+};
+
+onMounted(() => {
+  loadStats();
+  loadDangers();
+  loadTrainings();
+  loadNotices();
+  window.addEventListener('resize', handleResize);
+});
+
+onUnmounted(() => {
+  window.removeEventListener('resize', handleResize);
+  trendChart?.dispose();
+  pieChart?.dispose();
+});
+</script>
+
+<style lang="scss" scoped>
+.dashboard-container {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+  background: #f5f7fa;
+}
+
+/* 欢迎语 */
+.welcome-section {
+  margin-bottom: 16px;
+  padding: 16px 20px;
+  background: #ffffff;
+  border-radius: 8px;
+
+  .welcome-title {
+    font-size: 22px;
+    font-weight: 600;
+    color: #1f1f1f;
+    margin: 0 0 4px 0;
+  }
+  .welcome-subtitle {
+    font-size: 13px;
+    color: #8c8c8c;
     margin: 0;
   }
+}
 
-  font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
+/* 统计卡片 */
+.stats-row {
+  margin-bottom: 16px;
+}
 
-  ul {
-    list-style-type: none;
+.stat-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 20px;
+  margin-bottom: 16px;
+  cursor: pointer;
+  transition: all 0.25s;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   }
+}
+
+.stat-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.stat-title {
+  font-size: 13px;
+  color: #595959;
+}
+
+.stat-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.stat-value {
+  font-size: 30px;
+  font-weight: 600;
+  color: #1f1f1f;
+  line-height: 1.2;
+  margin-bottom: 8px;
+}
+
+.stat-footer {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+}
+
+/* 图表卡片 */
+.chart-row {
+  margin-bottom: 16px;
+}
 
-  h4 {
-    margin-top: 0px;
+.chart-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 16px 20px;
+  margin-bottom: 16px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+}
+
+.chart-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 15px;
+  font-weight: 600;
+  color: #1f1f1f;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #f0f0f0;
+
+  .view-all {
+    font-size: 12px;
+    color: #1890ff;
+    cursor: pointer;
+    font-weight: normal;
+    &:hover {
+      opacity: 0.8;
+    }
   }
+}
+
+.chart-container {
+  width: 100%;
+  height: 300px;
+}
+
+/* 底部 */
+.bottom-row {
+  margin-bottom: 16px;
+}
 
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
+/* 隐患表格 */
+.danger-table {
+  :deep(th.el-table__cell) {
+    background: #fafafa !important;
+    color: #595959;
+    font-weight: 500;
+    padding: 6px 0;
   }
+  :deep(td.el-table__cell) {
+    padding: 6px 0;
+  }
+  :deep(.row-clickable) {
+    cursor: pointer;
+  }
+  :deep(.row-clickable:hover > td) {
+    background: #f5f7fa !important;
+  }
+}
 
-  p {
-    margin-top: 10px;
+/* 培训列表 */
+.training-list,
+.notice-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
 
-    b {
-      font-weight: 700;
+.training-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 4px;
+  border-bottom: 1px dashed #f0f0f0;
+  font-size: 13px;
+  transition: background 0.2s;
+  &:last-child {
+    border-bottom: none;
+  }
+  &.clickable {
+    cursor: pointer;
+    &:hover {
+      background: #f5f7fa;
     }
   }
+}
+.training-name {
+  color: #1f1f1f;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 12px;
+}
+.training-time {
+  color: #8c8c8c;
+  font-size: 12px;
+  flex-shrink: 0;
+}
 
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
+/* 公告列表 */
+.notice-item {
+  padding: 8px 4px;
+  border-bottom: 1px dashed #f0f0f0;
+  transition: background 0.2s;
+  &:last-child {
+    border-bottom: none;
+  }
+  &.clickable {
+    cursor: pointer;
+    &:hover {
+      background: #f5f7fa;
     }
   }
 }
-</style>
+.notice-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 4px;
+}
+.notice-title {
+  color: #1f1f1f;
+  font-size: 13px;
+  font-weight: 500;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 8px;
+}
+.notice-date {
+  color: #8c8c8c;
+  font-size: 12px;
+  flex-shrink: 0;
+}
+.notice-summary {
+  color: #595959;
+  font-size: 12px;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 公告详情 */
+.notice-detail {
+  .notice-detail-title {
+    margin: 0 0 8px;
+    font-size: 18px;
+    font-weight: 600;
+    color: #1f1f1f;
+  }
+  .notice-detail-meta {
+    font-size: 12px;
+    color: #8c8c8c;
+    margin-bottom: 16px;
+  }
+  .notice-detail-content {
+    font-size: 14px;
+    line-height: 1.8;
+    color: #303133;
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
+}
+
+.empty-tip {
+  text-align: center;
+  color: #bfbfbf;
+  padding: 20px;
+  font-size: 13px;
+}
+</style>

src/views/login.vue

@@ -5,7 +5,8 @@
         <h3 class="title">{{ title }}</h3>
         <lang-select />
       </div>
-      <el-form-item v-if="tenantEnabled" prop="tenantId">
+      <!-- 已禁用租户多租户支持：始终不显示 -->
+      <el-form-item v-if="false" prop="tenantId" style="display: none">
         <el-select v-model="loginForm.tenantId" filterable :placeholder="proxy.$t('login.selectPlaceholder')" style="width: 100%">
           <el-option v-for="item in tenantList" :key="item.tenantId" :label="item.companyName" :value="item.tenantId"></el-option>
           <template #prefix><svg-icon icon-class="company" class="el-input__icon input-icon" /></template>
@@ -28,7 +29,8 @@
           <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
         </el-input>
       </el-form-item>
-      <el-form-item v-if="captchaEnabled" prop="code">
+      <!-- 已禁用验证码：始终不显示 -->
+      <el-form-item v-if="false" prop="code" style="display: none">
         <el-input
           v-model="loginForm.code"
           size="large"
@@ -44,23 +46,6 @@
         </div>
       </el-form-item>
       <el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0">{{ proxy.$t('login.rememberPassword') }}</el-checkbox>
-      <el-form-item style="float: right">
-        <el-button circle :title="proxy.$t('login.social.wechat')" @click="doSocialLogin('wechat')">
-          <svg-icon icon-class="wechat" />
-        </el-button>
-        <el-button circle :title="proxy.$t('login.social.maxkey')" @click="doSocialLogin('maxkey')">
-          <svg-icon icon-class="maxkey" />
-        </el-button>
-        <el-button circle :title="proxy.$t('login.social.topiam')" @click="doSocialLogin('topiam')">
-          <svg-icon icon-class="topiam" />
-        </el-button>
-        <el-button circle :title="proxy.$t('login.social.gitee')" @click="doSocialLogin('gitee')">
-          <svg-icon icon-class="gitee" />
-        </el-button>
-        <el-button circle :title="proxy.$t('login.social.github')" @click="doSocialLogin('github')">
-          <svg-icon icon-class="github" />
-        </el-button>
-      </el-form-item>
       <el-form-item style="width: 100%">
         <el-button :loading="loading" size="large" type="primary" style="width: 100%" @click.prevent="handleLogin">
           <span v-if="!loading">{{ proxy.$t('login.login') }}</span>
@@ -73,18 +58,16 @@
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2018-2026 疯狂的狮子Li All Rights Reserved.</span>
+      <span>Copyright © 2025-2026 南京睿捷智云 AlI Rights Reserved.</span>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { getCodeImg, getTenantList } from '@/api/login';
-import { authRouterUrl } from '@/api/system/social/auth';
 import { useUserStore } from '@/store/modules/user';
 import { LoginData, TenantVO } from '@/api/types';
 import { to } from 'await-to-js';
-import { HttpStatus } from '@/enums/RespEnum';
 import { useI18n } from 'vue-i18n';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -112,10 +95,10 @@ const loginRules: ElFormRules = {
 
 const codeUrl = ref('');
 const loading = ref(false);
-// 验证码开关
-const captchaEnabled = ref(true);
-// 租户开关
-const tenantEnabled = ref(true);
+// 验证码开关（已禁用）
+const captchaEnabled = ref(false);
+// 租户开关（已禁用）
+const tenantEnabled = ref(false);
 
 // 注册开关
 const register = ref(false);
@@ -210,21 +193,6 @@ const initTenantList = async () => {
   }
 };
 
-/**
- * 第三方登录
- * @param type
- */
-const doSocialLogin = (type: string) => {
-  authRouterUrl(type, loginForm.value.tenantId).then((res: any) => {
-    if (res.code === HttpStatus.SUCCESS) {
-      // 获取授权地址跳转
-      window.location.href = res.data;
-    } else {
-      ElMessage.error(res.msg);
-    }
-  });
-};
-
 onMounted(() => {
   getCode();
   initTenantList();

src/views/risk/accident/index.vue

@@ -0,0 +1,719 @@
+<template>
+  <div class="p-2 accident-page">
+    <!-- 顶部数据卡片 -->
+    <el-row :gutter="20" class="mb-2">
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">本月上报事故</div>
+              <div class="stat-value">{{ stats.monthTotal || 0 }}</div>
+              <div class="stat-extra" :class="(stats.monthRate || 0) >= 0 ? 'stat-extra-up' : 'stat-extra-down'">
+                <el-icon v-if="(stats.monthRate || 0) >= 0"><CaretTop /></el-icon>
+                <el-icon v-else><CaretBottom /></el-icon>
+                <span>{{ Math.abs(stats.monthRate || 0) }}% 较上月</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-blue">
+              <el-icon><Document /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">调查中</div>
+              <div class="stat-value">{{ stats.investigating || 0 }}</div>
+              <div class="stat-extra" :class="(stats.investigatingRate || 0) >= 0 ? 'stat-extra-up' : 'stat-extra-down'">
+                <el-icon v-if="(stats.investigatingRate || 0) >= 0"><CaretTop /></el-icon>
+                <el-icon v-else><CaretBottom /></el-icon>
+                <span>{{ Math.abs(stats.investigatingRate || 0) }}% 较上月</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-orange">
+              <el-icon><Search /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">已结束</div>
+              <div class="stat-value">{{ stats.finished || 0 }}</div>
+              <div class="stat-extra" :class="(stats.finishedRate || 0) >= 0 ? 'stat-extra-up' : 'stat-extra-down'">
+                <el-icon v-if="(stats.finishedRate || 0) >= 0"><CaretTop /></el-icon>
+                <el-icon v-else><CaretBottom /></el-icon>
+                <span>{{ Math.abs(stats.finishedRate || 0) }}% 较上月</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-green">
+              <el-icon><CircleCheck /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">待考核</div>
+              <div class="stat-value">{{ stats.pendingAssess || 0 }}</div>
+              <div class="stat-extra" :class="(stats.pendingAssessRate || 0) >= 0 ? 'stat-extra-up' : 'stat-extra-down'">
+                <el-icon v-if="(stats.pendingAssessRate || 0) >= 0"><CaretTop /></el-icon>
+                <el-icon v-else><CaretBottom /></el-icon>
+                <span>{{ Math.abs(stats.pendingAssessRate || 0) }}% 较上月</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-red">
+              <el-icon><EditPen /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 搜索区域 -->
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80">
+            <el-form-item label="关键词" prop="keyword">
+              <el-input v-model="queryParams.keyword" placeholder="编号/名称" clearable style="width: 200px" @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="状态" prop="handleStatus">
+              <el-select v-model="queryParams.handleStatus" placeholder="所有状态" clearable style="width: 200px">
+                <el-option v-for="dict in accident_status_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="等级" prop="accidentLevel">
+              <el-select v-model="queryParams.accidentLevel" placeholder="事故等级" clearable style="width: 200px">
+                <el-option v-for="dict in accident_level_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="类型" prop="accidentType">
+              <el-select v-model="queryParams.accidentType" placeholder="事故类型" clearable style="width: 200px">
+                <el-option v-for="dict in accident_type_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <!-- 数据表格区域 -->
+    <el-card shadow="hover">
+      <template #header>
+        <el-row :gutter="10" class="mb-2">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd">新增上报</el-button>
+          </el-col>
+          <right-toolbar v-model:show-search="showSearch" @query-table="getList" />
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="accidentList" border>
+        <el-table-column label="事故编号" align="center" prop="accidentCode" width="170" />
+        <el-table-column label="事故名称" align="center" prop="accidentTitle" :show-overflow-tooltip="true" />
+        <el-table-column label="事故时间" align="center" prop="accidentTime" width="170" />
+        <el-table-column label="事故地点" align="center" prop="accidentLocation" width="160" :show-overflow-tooltip="true" />
+        <el-table-column label="等级" align="center" prop="accidentLevel" width="100">
+          <template #default="scope">
+            <el-tag :type="getLevelTag(scope.row.accidentLevel)">{{ scope.row.accidentLevel }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="类型" align="center" prop="accidentType" width="100" />
+        <el-table-column label="状态" align="center" prop="handleStatus" width="100">
+          <template #default="scope">
+            <el-tag :type="getStatusTag(scope.row.handleStatus)">{{ scope.row.handleStatus }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="200" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-button link type="primary" icon="View" @click="handleView(scope.row)">详情</el-button>
+            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">编辑</el-button>
+            <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
+    </el-card>
+
+    <!-- 近12个月事故统计 -->
+    <el-card shadow="hover" class="mt-2">
+      <template #header>
+        <span class="section-title">近12个月事故统计</span>
+      </template>
+      <div ref="trendChartRef" class="trend-chart"></div>
+    </el-card>
+
+    <!-- 新增/编辑对话框 -->
+    <el-dialog v-model="dialog.visible" :title="dialog.title" width="780px" append-to-body @close="closeDialog">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="事故时间" prop="accidentTime">
+              <el-date-picker v-model="form.accidentTime" type="datetime" placeholder="请选择事故时间" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="事故地点" prop="accidentLocation">
+              <el-input v-model="form.accidentLocation" placeholder="如:XX车间XX工位 / XX园区XX路段" maxlength="200" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="事故等级" prop="accidentLevel">
+              <el-select v-model="form.accidentLevel" placeholder="请选择事故等级" style="width: 100%">
+                <el-option v-for="dict in accident_level_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="事故类型" prop="accidentType">
+              <el-select v-model="form.accidentType" placeholder="请选择事故类型" style="width: 100%">
+                <el-option v-for="dict in accident_type_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="事故名称" prop="accidentTitle">
+          <el-input v-model="form.accidentTitle" placeholder="如:XX工位机械夹伤事故" maxlength="200" />
+        </el-form-item>
+        <el-form-item label="涉及人员" prop="participants">
+          <el-input v-model="form.participants" placeholder="如:张三(操作工)、李四(班组长)" maxlength="500" />
+        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="死亡人数" prop="deathCount">
+              <el-input-number v-model="form.deathCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="受伤人数" prop="injuryCount">
+              <el-input-number v-model="form.injuryCount" :min="0" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="事故经过" prop="accidentDesc">
+          <el-input v-model="form.accidentDesc" type="textarea" :rows="4" placeholder="请详细描述事故发生经过(包含时间、地点、事件、后果)" maxlength="2000" show-word-limit />
+        </el-form-item>
+        <el-form-item label="初步原因" prop="accidentCause">
+          <el-input v-model="form.accidentCause" type="textarea" :rows="3" placeholder="初步判断的事故原因,如操作违规、设备故障、环境因素" maxlength="1000" show-word-limit />
+        </el-form-item>
+        <el-form-item label="上报人" prop="reporterName">
+          <el-input v-model="form.reporterName" placeholder="上报人姓名(默认当前登录用户)" maxlength="50" />
+        </el-form-item>
+        <el-form-item label="现场照片" prop="photoList">
+          <el-upload v-model:file-list="photoFileList" :http-request="customUpload" list-type="picture-card" :limit="9" accept=".jpg,.png,.jpeg" :on-success="handleUploadSuccess" :on-error="handleUploadError" :on-exceed="handleExceed" :before-upload="beforeUpload">
+            <el-icon><Plus /></el-icon>
+          </el-upload>
+          <div class="el-upload__tip">最多上传9张,支持 jpg/png/jpeg 格式</div>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 查看详情对话框 -->
+    <el-dialog v-model="viewDialog.visible" title="事故详情" width="800px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="事故编号">{{ viewForm.accidentCode }}</el-descriptions-item>
+        <el-descriptions-item label="事故时间">{{ viewForm.accidentTime }}</el-descriptions-item>
+        <el-descriptions-item label="事故名称" :span="2">{{ viewForm.accidentTitle }}</el-descriptions-item>
+        <el-descriptions-item label="事故地点">{{ viewForm.accidentLocation }}</el-descriptions-item>
+        <el-descriptions-item label="事故等级">
+          <el-tag :type="getLevelTag(viewForm.accidentLevel)">{{ viewForm.accidentLevel }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="事故类型">{{ viewForm.accidentType }}</el-descriptions-item>
+        <el-descriptions-item label="处理状态">
+          <el-tag :type="getStatusTag(viewForm.handleStatus)">{{ viewForm.handleStatus }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="上报人">{{ viewForm.reporterName }}</el-descriptions-item>
+        <el-descriptions-item label="上报时间">{{ viewForm.reportTime }}</el-descriptions-item>
+        <el-descriptions-item label="涉及人员" :span="2">{{ viewForm.participants }}</el-descriptions-item>
+        <el-descriptions-item label="死亡人数">{{ viewForm.deathCount }}</el-descriptions-item>
+        <el-descriptions-item label="受伤人数">{{ viewForm.injuryCount }}</el-descriptions-item>
+        <el-descriptions-item label="经济损失">{{ viewForm.lossAmount }}</el-descriptions-item>
+        <el-descriptions-item label="处理人">{{ viewForm.handlerName }}</el-descriptions-item>
+        <el-descriptions-item label="事故经过" :span="2">{{ viewForm.accidentDesc }}</el-descriptions-item>
+        <el-descriptions-item label="初步原因" :span="2">{{ viewForm.accidentCause }}</el-descriptions-item>
+        <el-descriptions-item label="处理措施" :span="2">{{ viewForm.handleMeasures }}</el-descriptions-item>
+        <el-descriptions-item label="调查结果" :span="2">{{ viewForm.investigationResult }}</el-descriptions-item>
+        <el-descriptions-item label="改进措施" :span="2">{{ viewForm.improvementMeasures }}</el-descriptions-item>
+        <el-descriptions-item v-if="viewPhotoList.length > 0" label="现场照片" :span="2">
+          <el-image v-for="(img, idx) in viewPhotoList" :key="idx" :src="img" :preview-src-list="viewPhotoList" :initial-index="idx" fit="cover" style="width: 80px; height: 80px; margin-right: 8px; border-radius: 4px" />
+        </el-descriptions-item>
+        <el-descriptions-item label="备注" :span="2">{{ viewForm.remark }}</el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <el-button @click="viewDialog.visible = false">关 闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Accident" lang="ts">
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick, getCurrentInstance } from 'vue';
+import * as echarts from 'echarts';
+import {
+  listAccident,
+  getAccident,
+  addAccident,
+  updateAccident,
+  delAccident,
+  getAccidentStats,
+  getAccidentTrend
+} from '@/api/risk/accident';
+import type { RiskAccidentBo, RiskAccidentVo, AccidentStatsVo, AccidentTrendVo } from '@/api/risk/types';
+import { FormInstance, UploadFile, UploadRawFile, UploadUserFile } from 'element-plus';
+import { UPLOAD_ACTION_URL, getMinioFileUrl, splitFileUrls } from '@/utils/minio';
+import { uploadFile } from '@/api/risk/file';
+import type { ComponentInternalInstance } from 'vue';
+import { CaretTop, CaretBottom, Document, Search, CircleCheck, EditPen } from '@element-plus/icons-vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+interface AccidentForm extends RiskAccidentBo {
+  photoList?: string[];
+}
+
+const accidentList = ref<RiskAccidentVo[]>([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const total = ref(0);
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+const photoFileList = ref<UploadUserFile[]>([]);
+const viewPhotoList = ref<string[]>([]);
+
+// 字典
+const {
+  risk_accident_level: accident_level_dict,
+  risk_accident_type: accident_type_dict,
+  risk_accident_status: accident_status_dict
+} = toRefs<any>(
+  proxy?.useDict('risk_accident_level', 'risk_accident_type', 'risk_accident_status')
+);
+
+// 统计
+const stats = ref<AccidentStatsVo>({
+  monthTotal: 0,
+  lastMonthTotal: 0,
+  monthRate: 0,
+  investigating: 0,
+  lastMonthInvestigating: 0,
+  investigatingRate: 0,
+  finished: 0,
+  lastMonthFinished: 0,
+  finishedRate: 0,
+  pendingAssess: 0,
+  lastMonthPendingAssess: 0,
+  pendingAssessRate: 0
+});
+
+// 趋势
+const trendList = ref<AccidentTrendVo[]>([]);
+const trendChartRef = ref<HTMLElement>();
+let trendChart: echarts.ECharts | null = null;
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    accidentCode: '',
+    accidentTitle: '',
+    accidentType: '',
+    accidentLevel: '',
+    accidentLocation: '',
+    accidentTime: '',
+    accidentCause: '',
+    accidentDesc: '',
+    deathCount: 0,
+    injuryCount: 0,
+    lossAmount: 0,
+    reporterName: '',
+    reportTime: '',
+    handleStatus: '待处理' as any,
+    participants: '',
+    photoList: [] as string[]
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    keyword: '',
+    handleStatus: '',
+    accidentLevel: '',
+    accidentType: ''
+  },
+  rules: {
+    accidentTitle: [{ required: true, message: '事故名称不能为空', trigger: 'blur' }],
+    accidentTime: [{ required: true, message: '请选择事故时间', trigger: 'change' }],
+    accidentLocation: [{ required: true, message: '请输入事故地点', trigger: 'blur' }],
+    accidentLevel: [{ required: true, message: '请选择事故等级', trigger: 'change' }],
+    accidentType: [{ required: true, message: '请选择事故类型', trigger: 'change' }],
+    accidentDesc: [{ required: true, message: '请输入事故经过', trigger: 'blur' }],
+    participants: [{ required: true, message: '请输入涉及人员', trigger: 'blur' }],
+    deathCount: [{ required: true, message: '请填写死亡人数', trigger: 'change' }],
+    injuryCount: [{ required: true, message: '请填写受伤人数', trigger: 'change' }],
+    reporterName: [{ required: true, message: '请输入上报人', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive<DialogOption>({ visible: false, title: '' });
+const viewDialog = reactive({ visible: false });
+const viewForm = ref<any>({});
+
+const getList = async () => {
+  loading.value = true;
+  try {
+    const res = await listAccident(queryParams.value);
+    accidentList.value = res.rows || [];
+    total.value = res.total || 0;
+  } finally {
+    loading.value = false;
+  }
+};
+
+const loadStats = async () => {
+  const res = await getAccidentStats();
+  if (res.data) {
+    stats.value = res.data;
+  }
+};
+
+const loadTrend = async () => {
+  const res = await getAccidentTrend();
+  trendList.value = res.data || [];
+  await nextTick();
+  renderTrendChart();
+};
+
+const renderTrendChart = () => {
+  if (!trendChartRef.value) return;
+  if (!trendChart) {
+    trendChart = echarts.init(trendChartRef.value);
+  }
+  const months = trendList.value.map((it) => it.month?.slice(2) || '');
+  const reportArr = trendList.value.map((it) => it.reportCount || 0);
+  const finishedArr = trendList.value.map((it) => it.finishedCount || 0);
+
+  trendChart.setOption({
+    tooltip: { trigger: 'axis' },
+    legend: {
+      data: ['上报表数', '已结束'],
+      top: 0,
+      icon: 'circle'
+    },
+    grid: { left: 40, right: 30, top: 40, bottom: 30 },
+    xAxis: {
+      type: 'category',
+      data: months,
+      axisLine: { lineStyle: { color: '#e0e0e0' } },
+      axisLabel: { color: '#666' }
+    },
+    yAxis: {
+      type: 'value',
+      minInterval: 1,
+      splitLine: { lineStyle: { type: 'dashed', color: '#eee' } },
+      axisLabel: { color: '#666' }
+    },
+    series: [
+      {
+        name: '上报表数',
+        type: 'bar',
+        barWidth: '32%',
+        data: reportArr,
+        itemStyle: { color: '#409EFF' }
+      },
+      {
+        name: '已结束',
+        type: 'bar',
+        barWidth: '32%',
+        data: finishedArr,
+        itemStyle: { color: '#67C23A' }
+      }
+    ]
+  });
+};
+
+const handleResize = () => {
+  trendChart?.resize();
+};
+
+const loadAll = async () => {
+  await Promise.all([getList(), loadStats(), loadTrend()]);
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  queryParams.value.keyword = '';
+  queryParams.value.handleStatus = '';
+  queryParams.value.accidentLevel = '';
+  queryParams.value.accidentType = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '事故上报';
+};
+
+const handleUpdate = async (row: RiskAccidentVo) => {
+  reset();
+  const res = await getAccident(row.id);
+  Object.assign(form.value, res.data);
+  const photoArr = parsePhotoList(form.value.photoList as any);
+  if (photoArr.length > 0) {
+    photoFileList.value = photoArr.map((url, idx) => ({
+      uid: idx,
+      name: `photo-${idx}`,
+      status: 'success',
+      url
+    }));
+  }
+  dialog.visible = true;
+  dialog.title = '编辑事故';
+};
+
+const handleView = async (row: RiskAccidentVo) => {
+  const res = await getAccident(row.id);
+  viewForm.value = res.data;
+  const photoArr = parsePhotoList(viewForm.value.photoList as any);
+  viewPhotoList.value = photoArr;
+  viewDialog.visible = true;
+};
+
+const parsePhotoList = (val: any): string[] => {
+  if (!val) return [];
+  if (Array.isArray(val)) return val as string[];
+  if (typeof val === 'string') {
+    const trimmed = val.trim();
+    if (!trimmed) return [];
+    if (trimmed.startsWith('[')) {
+      try {
+        const parsed = JSON.parse(trimmed);
+        return Array.isArray(parsed) ? parsed : [];
+      } catch {
+        return splitFileUrls(trimmed);
+      }
+    }
+    return splitFileUrls(trimmed);
+  }
+  return [];
+};
+
+const handleDelete = async (row: RiskAccidentVo) => {
+  await proxy?.$modal.confirm('是否确认删除事故编号为 "' + row.accidentCode + '" 的数据项?');
+  await delAccident(row.id);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      const uploadedUrls = photoFileList.value
+        .filter((f: any) => f.status === 'success')
+        .map((f: any) => f.url || getMinioFileUrl(f.response?.fileName || f.response?.data?.fileName));
+      form.value.photoList = uploadedUrls.length > 0 ? JSON.stringify(uploadedUrls) : '';
+
+      if (form.value.id) {
+        await updateAccident(form.value as RiskAccidentBo);
+        proxy?.$modal.msgSuccess('修改成功');
+      } else {
+        await addAccident(form.value as RiskAccidentBo);
+        proxy?.$modal.msgSuccess('上报成功');
+      }
+      dialog.visible = false;
+      await loadAll();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    accidentCode: '',
+    accidentTitle: '',
+    accidentType: '',
+    accidentLevel: '',
+    accidentLocation: '',
+    accidentTime: '',
+    accidentCause: '',
+    accidentDesc: '',
+    deathCount: 0,
+    injuryCount: 0,
+    lossAmount: 0,
+    reporterName: '',
+    reportTime: '',
+    handleStatus: '待处理',
+    participants: '',
+    photoList: []
+  } as any;
+  photoFileList.value = [];
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const handleUploadSuccess = (response: any, uploadFile: UploadFile) => {
+  uploadFile.url = getMinioFileUrl(response.fileName || response.data?.fileName);
+  proxy?.$modal.msgSuccess('上传成功');
+};
+
+const handleUploadError = () => {
+  proxy?.$modal.msgError('上传失败,请重试');
+};
+
+const customUpload = async (options: any) => {
+  try {
+    const res: any = await uploadFile(options.file);
+    if (res && res.code === 200 && res.data) {
+      options.onSuccess(res, options.file);
+    } else {
+      options.onError(new Error(res?.msg || '上传失败'));
+    }
+  } catch (err: any) {
+    options.onError(err);
+  }
+};
+
+const beforeUpload = (file: UploadRawFile) => {
+  const isValidType = ['image/jpeg', 'image/png', 'image/jpg'].includes(file.type);
+  const isLt10M = file.size / 1024 / 1024 < 10;
+  if (!isValidType) {
+    proxy?.$modal.msgError('只能上传 jpg/png/jpeg 格式的图片!');
+    return false;
+  }
+  if (!isLt10M) {
+    proxy?.$modal.msgError('单张图片大小不能超过 10MB!');
+    return false;
+  }
+  return true;
+};
+
+const handleExceed = () => {
+  proxy?.$modal.msgWarning('最多只能上传9张图片');
+};
+
+const getLevelTag = (level: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    特别重大: 'danger',
+    重大: 'danger',
+    较大: 'warning',
+    一般: 'primary'
+  };
+  return (map[level] || 'info') as any;
+};
+
+const getStatusTag = (status: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    待处理: 'danger',
+    调查中: 'warning',
+    已结束: 'success',
+    待考核: 'info'
+  };
+  return (map[status] || 'info') as any;
+};
+
+onMounted(async () => {
+  await loadAll();
+  window.addEventListener('resize', handleResize);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', handleResize);
+  trendChart?.dispose();
+  trendChart = null;
+});
+</script>
+
+<style scoped lang="scss">
+.accident-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.stat-card {
+  border-radius: 8px;
+  :deep(.el-card__body) { padding: 20px; }
+}
+.stat-card-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.stat-info { flex: 1; }
+.stat-title {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+  white-space: nowrap;
+}
+.stat-value {
+  font-size: 28px;
+  font-weight: 700;
+  color: #303133;
+  line-height: 1.2;
+  margin-bottom: 8px;
+}
+.stat-extra {
+  font-size: 12px;
+  color: #909399;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.stat-extra-up { color: #f56c6c; }
+.stat-extra-down { color: #67c23a; }
+.stat-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #fff;
+}
+.stat-icon-blue { background: #ecf5ff; color: #409EFF; }
+.stat-icon-orange { background: #fdf6ec; color: #E6A23C; }
+.stat-icon-green { background: #f0f9eb; color: #67C23A; }
+.stat-icon-red { background: #fef0f0; color: #F56C6C; }
+.section-title { font-size: 16px; font-weight: 600; color: #303133; }
+.mb-2 { margin-bottom: 8px; }
+.mt-2 { margin-top: 8px; }
+.trend-chart { width: 100%; height: 360px; }
+.el-upload__tip { font-size: 12px; color: #909399; line-height: 1.5; margin-top: 4px; }
+</style>

src/views/risk/dangerSource/index.vue

@@ -0,0 +1,488 @@
+<template>
+  <div class="p-2 danger-source-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">危险源上报列表</h2>
+      <p class="page-desc">识别并管理各类危险源，落实防控措施，降低事故风险</p>
+    </div>
+
+    <!-- 筛选 -->
+    <el-card shadow="hover" class="filter-card">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="90px">
+        <el-form-item label="名称">
+          <el-input
+            v-model="queryParams.sourceName"
+            placeholder="请输入危险源名称"
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="类型">
+          <el-select
+            v-model="queryParams.sourceType"
+            placeholder="全部类型"
+            clearable
+            style="width: 220px"
+            @change="handleQuery"
+          >
+            <el-option label="全部类型" value="" />
+            <el-option
+              v-for="d in sourceTypeOptions"
+              :key="d.value"
+              :label="d.label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="resetQuery">重置</el-button>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录，当前第 {{ queryParams.pageNum }} 页</span>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">新增危险源</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="dangerSourceList" border stripe>
+        <el-table-column prop="sourceCode" label="危险源编号" align="center" width="140" />
+        <el-table-column prop="sourceName" label="危险源名称" align="center" :show-overflow-tooltip="true" min-width="180" />
+        <el-table-column label="类型" align="center" prop="sourceType" width="130" />
+        <el-table-column label="位置" align="center" prop="location" :show-overflow-tooltip="true" width="180" />
+        <el-table-column label="可能危害" align="center" prop="sourceDesc" :show-overflow-tooltip="true" min-width="200" />
+        <el-table-column label="防控方式" align="center" prop="controlMeasures" :show-overflow-tooltip="true" min-width="200" />
+        <el-table-column label="上报时间" align="center" prop="reportTime" width="170">
+          <template #default="{ row }">{{ formatDateTime(row.reportTime) }}</template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="200" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleView(row)">详情</el-button>
+            <el-button link type="primary" @click="handleUpdate(row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 新增/编辑弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      :title="dialog.title"
+      width="760px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <div class="dialog-desc">请填写危险源详细信息，带 * 为必填项</div>
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
+        <!-- 危险源信息 -->
+        <div class="section-title">危险源信息</div>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="危险源编号" prop="sourceCode">
+              <el-input v-model="form.sourceCode" placeholder="自动生成" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="危险源名称" prop="sourceName">
+              <el-input v-model="form.sourceName" placeholder="请输入危险源名称" maxlength="50" show-word-limit />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="危险源类型" prop="sourceType">
+              <el-select v-model="form.sourceType" placeholder="请选择危险源类型" style="width: 100%">
+                <el-option
+                  v-for="d in sourceTypeOptions"
+                  :key="d.value"
+                  :label="d.label"
+                  :value="d.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="风险等级" prop="riskLevel">
+              <el-select v-model="form.riskLevel" placeholder="请选择风险等级" style="width: 100%">
+                <el-option
+                  v-for="d in riskLevelOptions"
+                  :key="d.value"
+                  :label="d.label"
+                  :value="d.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="位置" prop="location">
+              <el-input v-model="form.location" placeholder="请输入危险源位置" maxlength="100" show-word-limit />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="可能危害" prop="sourceDesc">
+          <el-input
+            v-model="form.sourceDesc"
+            type="textarea"
+            :rows="4"
+            placeholder="请描述可能造成的危害"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="防控方式" prop="controlMeasures">
+          <el-input
+            v-model="form.controlMeasures"
+            type="textarea"
+            :rows="4"
+            placeholder="请描述防控方式"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="上报时间" prop="reportTime">
+          <el-date-picker
+            v-model="form.reportTime"
+            type="date"
+            placeholder="请选择上报时间"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            format="YYYY-MM-DD"
+            :disabled-date="disabledFutureDate"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">提交</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <el-dialog v-model="viewDialog.visible" title="危险源详情" width="650px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="危险源编号">{{ viewForm.sourceCode }}</el-descriptions-item>
+        <el-descriptions-item label="危险源名称">{{ viewForm.sourceName }}</el-descriptions-item>
+        <el-descriptions-item label="危险源类型">{{ viewForm.sourceType }}</el-descriptions-item>
+        <el-descriptions-item label="位置">{{ viewForm.location }}</el-descriptions-item>
+        <el-descriptions-item label="可能危害">
+          <div class="multi-line">{{ viewForm.sourceDesc || '—' }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item label="防控方式">
+          <div class="multi-line">{{ viewForm.controlMeasures || '—' }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item label="上报时间">{{ formatDateTime(viewForm.reportTime) }}</el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <el-button @click="viewDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="DangerSource" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import {
+  listDangerSource,
+  getDangerSource,
+  addDangerSource,
+  updateDangerSource,
+  delDangerSource
+} from '@/api/risk/dangerSource';
+import { getDicts } from '@/api/system/dict/data';
+import type { DictDataVO } from '@/api/system/dict/data/types';
+import type { RiskDangerSourceBo, RiskDangerSourceVo } from '@/api/risk/types';
+import { ElMessage, FormInstance } from 'element-plus';
+import { Plus } from '@element-plus/icons-vue';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const dangerSourceList = ref<RiskDangerSourceVo[]>([]);
+const loading = ref(true);
+const total = ref(0);
+const sourceTypeOptions = ref<Array<{ label: string; value: string }>>([]);
+const riskLevelOptions = ref<Array<{ label: string; value: string }>>([]);
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    sourceCode: '',
+    sourceName: '',
+    sourceType: '',
+    riskLevel: '',
+    location: '',
+    sourceDesc: '',
+    controlMeasures: '',
+    reportTime: ''
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    sourceName: '',
+    sourceType: ''
+  },
+  rules: {
+    sourceName: [
+      { required: true, message: '请填写危险源名称', trigger: 'blur' },
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (value && value.trim().length === 0) {
+            callback(new Error('危险源名称不能全为空格'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'blur'
+      }
+    ],
+    sourceType: [{ required: true, message: '请选择危险源类型', trigger: 'change' }],
+    riskLevel: [{ required: true, message: '请选择风险等级', trigger: 'change' }],
+    location: [{ required: true, message: '请输入危险源位置', trigger: 'blur' }],
+    sourceDesc: [{ required: true, message: '请描述可能造成的危害', trigger: 'blur' }],
+    controlMeasures: [{ required: true, message: '请描述防控方式', trigger: 'blur' }],
+    reportTime: [{ required: true, message: '请选择上报日期', trigger: 'change' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive({
+  visible: false,
+  title: '新增危险源信息'
+});
+
+const viewDialog = reactive({
+  visible: false
+});
+
+const viewForm = ref<any>({});
+
+const mapDictData = (list: DictDataVO[]) => {
+  return (list || [])
+    .filter((d) => d.status === '0' || d.status === undefined)
+    .sort((a, b) => (a.dictSort || 0) - (b.dictSort || 0))
+    .map((d) => ({ label: d.dictLabel, value: d.dictValue }));
+};
+
+const loadDicts = async () => {
+  try {
+    const [typeRes, levelRes] = await Promise.all([
+      getDicts('risk_source_type'),
+      getDicts('risk_danger_level').catch(() => ({ data: [] }))
+    ]);
+    sourceTypeOptions.value = mapDictData(typeRes.data || []);
+    // 风险等级字典不存在时使用默认三档
+    riskLevelOptions.value = (levelRes.data || []).length
+      ? mapDictData(levelRes.data)
+      : [
+          { label: '高', value: 'high' },
+          { label: '中', value: 'medium' },
+          { label: '低', value: 'low' }
+        ];
+  } catch (e) {
+    console.error('加载危险源字典失败', e);
+  }
+};
+
+const getList = async () => {
+  loading.value = true;
+  const res = await listDangerSource(queryParams.value as RiskDangerSourceBo);
+  loading.value = false;
+  dangerSourceList.value = res.rows || [];
+  total.value = res.total || 0;
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  queryParams.value.sourceName = '';
+  queryParams.value.sourceType = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增危险源信息';
+};
+
+const handleUpdate = async (row: RiskDangerSourceVo) => {
+  reset();
+  const res = await getDangerSource(row.id);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '编辑危险源信息';
+};
+
+const handleView = async (row: RiskDangerSourceVo) => {
+  const res = await getDangerSource(row.id);
+  viewForm.value = res.data;
+  viewDialog.visible = true;
+};
+
+const handleDelete = async (row: RiskDangerSourceVo) => {
+  try {
+    await proxy?.$modal.confirm(`是否确认删除危险源 "${row.sourceName}"?`);
+    await delDangerSource(row.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await getList();
+  } catch (e) {
+    // 取消
+  }
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    try {
+      if (form.value.id) {
+        await updateDangerSource(form.value as RiskDangerSourceBo);
+        proxy?.$modal.msgSuccess('修改成功');
+      } else {
+        await addDangerSource(form.value as RiskDangerSourceBo);
+        proxy?.$modal.msgSuccess('新增成功');
+      }
+      dialog.visible = false;
+      await getList();
+    } catch (e: any) {
+      // 显示后端返回的具体错误信息（如校验失败原因）
+      const msg = e?.msg || e?.message || '操作失败，请稍后重试';
+      proxy?.$modal.msgError(msg);
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    sourceCode: '',
+    sourceName: '',
+    sourceType: '',
+    riskLevel: '',
+    location: '',
+    sourceDesc: '',
+    controlMeasures: '',
+    reportTime: ''
+  } as any;
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const disabledFutureDate = (time: Date) => {
+  return time.getTime() > Date.now();
+};
+
+const formatDateTime = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+};
+
+onMounted(async () => {
+  await loadDicts();
+  await getList();
+});
+</script>
+
+<style scoped>
+  danger-source-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+.filter-card {
+  margin-bottom: 12px;
+}
+.list-card {
+  margin-bottom: 12px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+
+.dialog-desc {
+  font-size: 12px;
+  color: #909399;
+  margin-bottom: 16px;
+  padding: 8px 12px;
+  background: #f5f7fa;
+  border-radius: 4px;
+}
+.section-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  margin: 4px 0 16px;
+  padding-left: 8px;
+  border-left: 3px solid #409eff;
+}
+.multi-line {
+  white-space: pre-wrap;
+  word-break: break-all;
+  line-height: 1.6;
+}
+</style>

src/views/risk/hiddenDanger/index.vue

@@ -0,0 +1,768 @@
+<template>
+  <div class="p-2 hidden-danger-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">安全隐患管理</h2>
+      <p class="page-desc">管理各类安全隐患信息，及时进行风险排查与治理</p>
+    </div>
+
+    <!-- 顶部数据看板 -->
+    <el-row :gutter="16" class="stats-row">
+      <el-col :xs="24" :sm="8" v-for="card in statsCards" :key="card.key">
+        <div class="stat-card" @click="onStatCardClick(card)">
+          <div class="stat-card-inner">
+            <div class="stat-label">{{ card.label }}</div>
+            <div class="stat-value-row">
+              <span class="stat-value">{{ card.value }}</span>
+              <div class="stat-icon" :style="{ background: card.color }">
+                <el-icon :size="20" color="#fff"><component :is="card.icon" /></el-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+
+    <!-- 筛选 + 列表 -->
+    <el-card shadow="hover" class="list-card">
+      <!-- 筛选 -->
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="84px" class="filter-form">
+        <el-form-item label="隐患类型">
+          <el-select
+            v-model="queryParams.dangerType"
+            placeholder="全部类型"
+            clearable
+            style="width: 180px"
+            @change="handleQuery"
+          >
+            <el-option label="全部类型" value="" />
+            <el-option label="门店安全隐患" value="门店安全隐患" />
+            <el-option label="物流安全隐患" value="物流安全隐患" />
+            <el-option label="市场安全隐患" value="市场安全隐患" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="处理状态">
+          <el-select
+            v-model="queryParams.handleStatus"
+            placeholder="全部状态"
+            clearable
+            style="width: 180px"
+            @change="handleQuery"
+          >
+            <el-option label="全部状态" value="" />
+            <el-option label="待处理" value="待处理" />
+            <el-option label="处理中" value="处理中" />
+            <el-option label="已处理" value="已处理" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="风险等级">
+          <el-select
+            v-model="queryParams.dangerLevel"
+            placeholder="全部等级"
+            clearable
+            style="width: 180px"
+            @change="handleQuery"
+          >
+            <el-option label="全部等级" value="" />
+            <el-option label="高风险" value="高风险" />
+            <el-option label="中风险" value="中风险" />
+            <el-option label="低风险" value="低风险" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关键词">
+          <el-input
+            v-model="queryParams.keyword"
+            placeholder="搜索隐患信息..."
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="resetQuery">重置</el-button>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+
+      <!-- 列表工具栏 -->
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录，当前第 {{ queryParams.pageNum }} 页</span>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">新增隐患</el-button>
+      </div>
+
+      <!-- 列表 -->
+      <el-table v-loading="loading" :data="filteredList" border stripe>
+        <el-table-column prop="dangerCode" label="隐患编号" align="center" width="160" />
+        <el-table-column prop="dangerTitle" label="隐患名称" align="center" :show-overflow-tooltip="true" min-width="180" />
+        <el-table-column prop="dangerType" label="隐患类型" align="center" width="140" />
+        <el-table-column label="风险等级" align="center" prop="dangerLevel" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getRiskLevelTag(row.dangerLevel)" effect="light" round>
+              {{ row.dangerLevel }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="发现时间" align="center" width="170">
+          <template #default="{ row }">{{ formatDateTime(row.discoverTime) }}</template>
+        </el-table-column>
+        <el-table-column label="处理状态" align="center" prop="handleStatus" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getStatusTag(row.handleStatus)">{{ row.handleStatus }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="200" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleView(row)">查看</el-button>
+            <el-button link type="primary" @click="handleUpdate(row)">处理</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 新增/处理弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      :title="dialog.title"
+      width="760px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="隐患名称" prop="dangerTitle">
+              <el-input v-model="form.dangerTitle" placeholder="请输入隐患名称" maxlength="100" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="隐患编号" prop="dangerCode">
+              <el-input v-model="form.dangerCode" placeholder="保存后自动生成" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="隐患类型" prop="dangerType">
+              <el-select v-model="form.dangerType" placeholder="请选择隐患类型" style="width: 100%">
+                <el-option label="门店安全隐患" value="门店安全隐患" />
+                <el-option label="物流安全隐患" value="物流安全隐患" />
+                <el-option label="市场安全隐患" value="市场安全隐患" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="风险等级" prop="dangerLevel">
+              <el-select v-model="form.dangerLevel" placeholder="请选择风险等级" style="width: 100%">
+                <el-option label="高风险" value="高风险" />
+                <el-option label="中风险" value="中风险" />
+                <el-option label="低风险" value="低风险" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="发现时间" prop="discoverTime">
+              <el-date-picker
+                v-model="form.discoverTime"
+                type="datetime"
+                placeholder="请选择发现时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                :disabled-date="disabledFutureDate"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="隐患位置" prop="dangerSource">
+          <el-input
+            v-model="form.dangerSource"
+            placeholder="请输入隐患具体点位(楼栋 / 车间 / 区域 + 具体位置)"
+            maxlength="200"
+          />
+        </el-form-item>
+
+        <el-form-item label="隐患描述" prop="dangerDesc">
+          <el-input
+            v-model="form.dangerDesc"
+            type="textarea"
+            :rows="4"
+            placeholder="请详细描述隐患情况..."
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <!-- 上传照片 -->
+        <el-form-item label="上传照片">
+          <template #label>
+            <span>上传照片</span>
+          </template>
+          <div class="upload-row">
+            <el-button type="primary" plain @click="triggerPhotoUpload">选择文件</el-button>
+            <span class="upload-tip">{{ photoFileList.length > 0 ? `已选择 ${photoFileList.length} 个文件` : '未选择任何文件' }}</span>
+            <el-button
+              v-if="photoFileList.length > 0"
+              link
+              type="danger"
+              style="margin-left: 8px"
+              @click="clearPhotos"
+            >清空</el-button>
+          </div>
+          <input
+            ref="photoInputRef"
+            type="file"
+            multiple
+            accept=".jpg,.jpeg,.png"
+            style="display: none"
+            @change="onPhotoInputChange"
+          />
+          <div v-if="previewPhotos.length > 0" class="photo-preview-list">
+            <div v-for="(url, idx) in previewPhotos" :key="idx" class="photo-thumb">
+              <el-image :src="url" :preview-src-list="previewPhotos" :initial-index="idx" fit="cover" />
+              <el-icon class="photo-remove" @click="removePhoto(idx)"><CircleCloseFilled /></el-icon>
+            </div>
+          </div>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">提交保存</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 查看详情弹窗 -->
+    <el-dialog v-model="viewDialog.visible" title="隐患详情" width="650px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="隐患编号">{{ viewForm.dangerCode }}</el-descriptions-item>
+        <el-descriptions-item label="隐患名称">{{ viewForm.dangerTitle }}</el-descriptions-item>
+        <el-descriptions-item label="隐患类型">{{ viewForm.dangerType }}</el-descriptions-item>
+        <el-descriptions-item label="风险等级">
+          <el-tag :type="getRiskLevelTag(viewForm.dangerLevel)">{{ viewForm.dangerLevel }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="发现时间">{{ viewForm.discoverTime }}</el-descriptions-item>
+        <el-descriptions-item label="隐患位置">{{ viewForm.dangerSource }}</el-descriptions-item>
+        <el-descriptions-item label="隐患描述">{{ viewForm.dangerDesc }}</el-descriptions-item>
+        <el-descriptions-item label="处理状态">
+          <el-tag :type="getStatusTag(viewForm.handleStatus)">{{ viewForm.handleStatus }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="处理人">{{ viewForm.handlerName }}</el-descriptions-item>
+        <el-descriptions-item label="处理时间">{{ viewForm.handleTime }}</el-descriptions-item>
+        <el-descriptions-item label="处理结果">{{ viewForm.handleResult }}</el-descriptions-item>
+        <el-descriptions-item label="处理措施">{{ viewForm.handleMeasures }}</el-descriptions-item>
+        <el-descriptions-item v-if="viewPhotoList.length > 0" label="现场照片">
+          <el-image
+            v-for="(img, idx) in viewPhotoList"
+            :key="idx"
+            :src="img"
+            :preview-src-list="viewPhotoList"
+            :initial-index="idx"
+            fit="cover"
+            style="width: 80px; height: 80px; margin-right: 8px; border-radius: 4px"
+          />
+        </el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <el-button @click="viewDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="HiddenDanger" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import {
+  listHiddenDanger,
+  getHiddenDanger,
+  addHiddenDanger,
+  updateHiddenDanger,
+  delHiddenDanger,
+  handleHiddenDanger,
+  getHiddenDangerStats
+} from '@/api/risk/hiddenDanger';
+import { uploadFile } from '@/api/risk/file';
+import type { RiskHiddenDangerBo, RiskHiddenDangerVo } from '@/api/risk/types';
+import { ElMessage, FormInstance } from 'element-plus';
+import { Plus, Warning, Clock, CircleCheck, CircleCloseFilled } from '@element-plus/icons-vue';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const route = useRoute();
+
+// ============ 顶部数据看板 ============
+const statsCards = ref([
+  {
+    key: 'total',
+    label: '总隐患数量',
+    value: 0,
+    color: '#409EFF',
+    icon: Warning,
+    filter: ''
+  },
+  {
+    key: 'pending',
+    label: '未处理隐患',
+    value: 0,
+    color: '#F56C6C',
+    icon: Clock,
+    filter: 'pending'
+  },
+  {
+    key: 'handled',
+    label: '已处理隐患',
+    value: 0,
+    color: '#67C23A',
+    icon: CircleCheck,
+    filter: 'handled'
+  }
+]);
+
+const onStatCardClick = (card: any) => {
+  if (!card.filter) return;
+  resetQuery();
+  queryParams.value.handleStatus = card.filter === 'pending' ? '待处理' : '已处理';
+  handleQuery();
+};
+
+const hiddenDangerList = ref<RiskHiddenDangerVo[]>([]);
+const loading = ref(true);
+const total = ref(0);
+const photoFileList = ref<any[]>([]);
+const previewPhotos = ref<string[]>([]);
+const viewPhotoList = ref<string[]>([]);
+const photoInputRef = ref<HTMLInputElement>();
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    dangerCode: '',
+    dangerTitle: '',
+    dangerType: '',
+    dangerLevel: '',
+    discoverTime: '',
+    dangerSource: '',
+    dangerDesc: '',
+    handleStatus: '待处理',
+    photoList: []
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    dangerType: '',
+    handleStatus: '',
+    dangerLevel: '',
+    keyword: ''
+  },
+  rules: {
+    dangerTitle: [{ required: true, message: '隐患名称不能为空', trigger: 'blur' }],
+    dangerType: [{ required: true, message: '请选择隐患类型', trigger: 'change' }],
+    dangerLevel: [{ required: true, message: '请选择风险等级', trigger: 'change' }],
+    discoverTime: [{ required: true, message: '请选择发现时间', trigger: 'change' }],
+    dangerSource: [{ required: true, message: '请输入隐患位置', trigger: 'blur' }],
+    dangerDesc: [{ required: true, message: '请输入隐患描述', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive({
+  visible: false,
+  title: '新增安全隐患'
+});
+
+const viewDialog = reactive({
+  visible: false
+});
+
+const viewForm = ref<any>({});
+
+// 客户端按筛选条件过滤(用于顶部统计的同步展示)
+const filteredList = computed(() => {
+  return hiddenDangerList.value;
+});
+
+const getList = async () => {
+  loading.value = true;
+  const res = await listHiddenDanger(queryParams.value as RiskHiddenDangerBo);
+  loading.value = false;
+  hiddenDangerList.value = res.rows || [];
+  total.value = res.total || 0;
+  loadStats();
+};
+
+const loadStats = async () => {
+  try {
+    const res = await getHiddenDangerStats();
+    if (res.data) {
+      const totalAll = (res.data.totalCount as number) ?? 0;
+      const pendingAll = (res.data.pendingCount as number) ?? 0;
+      const handledAll = (res.data.completedCount as number) ?? 0;
+      statsCards.value[0].value = totalAll;
+      statsCards.value[1].value = pendingAll;
+      statsCards.value[2].value = handledAll;
+    }
+  } catch (e) {
+    const list = hiddenDangerList.value || [];
+    statsCards.value[0].value = list.length;
+    statsCards.value[1].value = list.filter(
+      (it) => it.handleStatus === '待处理' || it.handleStatus === '处理中'
+    ).length;
+    statsCards.value[2].value = list.filter((it) => it.handleStatus === '已处理').length;
+  }
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  queryParams.value.dangerType = '';
+  queryParams.value.handleStatus = '';
+  queryParams.value.dangerLevel = '';
+  queryParams.value.keyword = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增安全隐患';
+};
+
+const handleUpdate = async (row: RiskHiddenDangerVo) => {
+  reset();
+  const res = await getHiddenDanger(row.id);
+  Object.assign(form.value, res.data);
+  loadPhotosToPreview(parsePhotoList(res.data.photoList));
+  dialog.visible = true;
+  dialog.title = '处理安全隐患';
+};
+
+const handleView = async (row: RiskHiddenDangerVo) => {
+  const res = await getHiddenDanger(row.id);
+  viewForm.value = res.data;
+  viewPhotoList.value = parsePhotoList(res.data.photoList);
+  viewDialog.visible = true;
+};
+
+const handleDelete = async (row: RiskHiddenDangerVo) => {
+  try {
+    await proxy?.$modal.confirm(`是否确认删除隐患编号为 "${row.dangerCode}" 的数据项?`);
+    await delHiddenDanger(row.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await getList();
+  } catch (e) {
+    // 取消
+  }
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      form.value.photoList = JSON.stringify(previewPhotos.value);
+      if (form.value.id) {
+        await handleHiddenDanger(form.value.id, form.value);
+        proxy?.$modal.msgSuccess('处理成功');
+      } else {
+        await addHiddenDanger(form.value as RiskHiddenDangerBo);
+        proxy?.$modal.msgSuccess('新增成功');
+      }
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    dangerCode: '',
+    dangerTitle: '',
+    dangerType: '',
+    dangerLevel: '',
+    discoverTime: '',
+    dangerSource: '',
+    dangerDesc: '',
+    handleStatus: '待处理',
+    photoList: []
+  } as any;
+  previewPhotos.value = [];
+  photoFileList.value = [];
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const disabledFutureDate = (time: Date) => {
+  return time.getTime() > Date.now();
+};
+
+const formatDateTime = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+};
+
+const getRiskLevelTag = (level: string): any => {
+  const map: Record<string, string> = {
+    高风险: 'danger',
+    中风险: 'warning',
+    低风险: 'success'
+  };
+  return map[level] || 'info';
+};
+
+const getStatusTag = (status: string): any => {
+  const map: Record<string, string> = {
+    待处理: 'danger',
+    处理中: 'warning',
+    已处理: 'success'
+  };
+  return map[status] || 'info';
+};
+
+// ============ 照片上传(自管理文件 + 预览) ============
+const parsePhotoList = (val: any): string[] => {
+  if (!val) return [];
+  if (Array.isArray(val)) return val;
+  try {
+    const parsed = JSON.parse(val);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch (e) {
+    return [];
+  }
+};
+
+const triggerPhotoUpload = () => {
+  photoInputRef.value?.click();
+};
+
+const onPhotoInputChange = async (e: Event) => {
+  const input = e.target as HTMLInputElement;
+  const files = Array.from(input.files || []);
+  if (files.length === 0) return;
+
+  // 限制最多 5 张
+  const remaining = 5 - previewPhotos.value.length;
+  if (remaining <= 0) {
+    ElMessage.warning('最多只能上传 5 张照片');
+    input.value = '';
+    return;
+  }
+  const accept = files.slice(0, remaining);
+
+  for (const file of accept) {
+    if (!['image/jpeg', 'image/png', 'image/jpg'].includes(file.type)) {
+      ElMessage.error(`文件 ${file.name} 格式不支持,仅允许 JPG/PNG`);
+      continue;
+    }
+    if (file.size / 1024 / 1024 >= 10) {
+      ElMessage.error(`文件 ${file.name} 超过 10MB`);
+      continue;
+    }
+    await uploadOnePhoto(file);
+  }
+  input.value = '';
+};
+
+const uploadOnePhoto = async (file: File) => {
+  try {
+    const res: any = await uploadFile(file);
+    const url: string | undefined = res?.url || res?.data?.url;
+    if (url) {
+      previewPhotos.value.push(url);
+      ElMessage.success(`${file.name} 上传成功`);
+    } else {
+      ElMessage.error(`${file.name} 上传失败: 未返回文件地址`);
+    }
+  } catch (e: any) {
+    ElMessage.error(`${file.name} 上传失败: ${e?.message || '网络异常'}`);
+  }
+};
+
+const removePhoto = (idx: number) => {
+  previewPhotos.value.splice(idx, 1);
+};
+
+const clearPhotos = () => {
+  previewPhotos.value = [];
+};
+
+const loadPhotosToPreview = (urls: string[]) => {
+  previewPhotos.value = [...urls];
+};
+
+// ============ 路由 query 参数 ============
+const applyRouteQuery = () => {
+  const q = route.query;
+  if (q.handleStatus) queryParams.value.handleStatus = String(q.handleStatus);
+  if (q.dangerType) queryParams.value.dangerType = String(q.dangerType);
+  if (q.dangerLevel) queryParams.value.dangerLevel = String(q.dangerLevel);
+  if (q.keyword) queryParams.value.keyword = String(q.keyword);
+};
+
+onMounted(() => {
+  applyRouteQuery();
+  getList();
+});
+</script>
+
+<style scoped>
+  hidden-danger-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+
+/* 顶部看板 */
+.stats-row {
+  margin-bottom: 16px;
+}
+.stat-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 18px 20px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+  cursor: pointer;
+  transition: all 0.25s;
+  display: flex;
+  align-items: center;
+  min-height: 80px;
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
+  }
+}
+.stat-card-inner {
+  flex: 1;
+}
+.stat-label {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+}
+.stat-value-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.stat-value {
+  font-size: 26px;
+  font-weight: 600;
+  color: #1f1f1f;
+  line-height: 1.1;
+}
+.stat-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 列表 */
+.list-card {
+  margin-bottom: 16px;
+}
+.filter-form {
+  margin-bottom: 4px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 12px 0;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+
+/* 上传照片 */
+.upload-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.upload-tip {
+  font-size: 13px;
+  color: #606266;
+}
+.photo-preview-list {
+  margin-top: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.photo-thumb {
+  position: relative;
+  width: 100px;
+  height: 80px;
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid #ebeef5;
+}
+.photo-thumb :deep(.el-image) {
+  width: 100%;
+  height: 100%;
+}
+.photo-remove {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  background: rgba(0, 0, 0, 0.55);
+  color: #fff;
+  border-radius: 50%;
+  cursor: pointer;
+  font-size: 16px;
+}
+</style>

src/views/risk/inspectionTask/index.vue

@@ -0,0 +1,767 @@
+<template>
+  <div class="p-2 inspection-task-page">
+    <!-- 顶部数据卡片 -->
+    <el-row :gutter="20" class="mb-2">
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">今日应打卡</div>
+              <div class="stat-value">{{ stats.todayShould || 0 }}</div>
+            </div>
+            <div class="stat-icon stat-icon-blue">
+              <el-icon><Calendar /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">今日已打卡</div>
+              <div class="stat-value">{{ stats.todayChecked || 0 }}</div>
+            </div>
+            <div class="stat-icon stat-icon-green">
+              <el-icon><Check /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">异常打卡</div>
+              <div class="stat-value">{{ stats.abnormal || 0 }}</div>
+            </div>
+            <div class="stat-icon stat-icon-orange">
+              <el-icon><Warning /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">未打卡</div>
+              <div class="stat-value">{{ stats.unchecked || 0 }}</div>
+            </div>
+            <div class="stat-icon stat-icon-red">
+              <el-icon><Clock /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 搜索区域 -->
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80">
+            <el-form-item label="任务名称" prop="taskName">
+              <el-input v-model="queryParams.taskName" placeholder="请输入任务名称" clearable style="width: 200px" @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="巡检类型" prop="taskType">
+              <el-select v-model="queryParams.taskType" placeholder="全部" clearable style="width: 180px">
+                <el-option v-for="dict in inspection_type_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="门店" prop="storeName">
+              <el-input v-model="queryParams.storeName" placeholder="请输入门店" clearable style="width: 180px" @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="打卡状态" prop="recordStatus">
+              <el-select v-model="queryParams.recordStatus" placeholder="全部" clearable style="width: 180px">
+                <el-option v-for="dict in inspection_status_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="打卡结果" prop="checkResult">
+              <el-select v-model="queryParams.checkResult" placeholder="全部" clearable style="width: 180px">
+                <el-option v-for="dict in inspection_result_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <!-- 数据表格区域 -->
+    <el-card shadow="hover">
+      <template #header>
+        <el-row :gutter="10" class="mb-2">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd">新增巡检打卡</el-button>
+          </el-col>
+          <right-toolbar v-model:show-search="showSearch" @query-table="getList" />
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="taskList" border>
+        <el-table-column label="巡检任务名称" align="center" prop="taskName" :show-overflow-tooltip="true" />
+        <el-table-column label="巡检类型" align="center" prop="taskType" width="160" :show-overflow-tooltip="true" />
+        <el-table-column label="打卡方式" align="center" prop="checkMethod" width="100">
+          <template #default="scope">
+            <el-tag :type="getMethodTag(scope.row.checkMethod)">{{ scope.row.checkMethod || '常规' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="门店" align="center" prop="storeName" width="140" :show-overflow-tooltip="true" />
+        <el-table-column label="打卡地点" align="center" prop="location" width="160" :show-overflow-tooltip="true" />
+        <el-table-column label="责任人" align="center" prop="inspectorName" width="100" />
+        <el-table-column label="打卡状态" align="center" prop="recordStatus" width="100">
+          <template #default="scope">
+            <el-tag :type="getStatusTag(scope.row.recordStatus)">{{ scope.row.recordStatus || '未打卡' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="打卡结果" align="center" prop="checkResult" width="100">
+          <template #default="scope">
+            <el-tag v-if="scope.row.checkResult" :type="getResultTag(scope.row.checkResult)">{{ scope.row.checkResult }}</el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="240" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-button link type="primary" icon="Document" @click="handleViewRecords(scope.row)">打卡记录</el-button>
+            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">编辑</el-button>
+            <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
+    </el-card>
+
+    <!-- 新增/编辑对话框 -->
+    <el-dialog v-model="dialog.visible" :title="dialog.title" width="900px" append-to-body @close="closeDialog">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="任务名称" prop="taskName">
+              <el-input v-model="form.taskName" placeholder="请输入巡检任务名称" maxlength="100" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="巡检类型" prop="taskType">
+              <el-select v-model="form.taskType" placeholder="请选择巡检类型" style="width: 100%">
+                <el-option v-for="dict in inspection_type_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="门店" prop="storeName">
+              <el-input v-model="form.storeName" placeholder="请输入门店/总部名称" maxlength="100" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="位置区域" prop="location">
+              <el-input v-model="form.location" placeholder="巡检点物理名称(如XX车间XX工位)" maxlength="200" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="巡检周期" prop="cycle">
+              <el-select v-model="form.cycle" placeholder="请选择巡检周期" style="width: 100%" @change="onCycleChange">
+                <el-option v-for="dict in inspection_cycle_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开启扫码打卡" prop="scanEnabled">
+              <el-switch v-model="form.scanEnabled" active-text="是" inactive-text="否" @change="onScanChange" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="纬度" prop="lat">
+              <el-input-number v-model="form.lat" :precision="6" :min="-90" :max="90" controls-position="right" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="经度" prop="lng">
+              <el-input-number v-model="form.lng" :precision="6" :min="-180" :max="180" controls-position="right" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 巡检时间:根据周期动态适配 -->
+        <el-form-item label="巡检时间" prop="timeConfig">
+          <div v-if="form.cycle === '每日' || !form.cycle">
+            <el-tag v-for="(t, idx) in timeSlotList" :key="idx" closable @close="removeTimeSlot(idx)" style="margin-right: 8px">
+              {{ t }}
+            </el-tag>
+            <el-button size="small" type="primary" plain @click="openAddTimeSlot">添加时间段</el-button>
+          </div>
+          <div v-else-if="form.cycle === '每周'">
+            <el-checkbox-group v-model="weekDayList">
+              <el-checkbox v-for="d in weekDayOptions" :key="d.value" :label="d.value">{{ d.label }}</el-checkbox>
+            </el-checkbox-group>
+          </div>
+          <div v-else-if="form.cycle === '每月'">
+            <el-select v-model="monthDayList" multiple placeholder="选择执行日期" style="width: 100%">
+              <el-option v-for="d in 31" :key="d" :label="`${d}号`" :value="d" />
+            </el-select>
+          </div>
+        </el-form-item>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="责任人" prop="inspectorName">
+              <el-input v-model="form.inspectorName" placeholder="选择/输入责任人姓名" maxlength="50" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="审核人" prop="auditorName">
+              <el-input v-model="form.auditorName" placeholder="选择/输入审核人姓名" maxlength="50" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 打卡项目:多行 -->
+        <el-divider content-position="left">
+          <span style="font-weight: bold">打卡项目</span>
+          <el-button link type="primary" icon="Plus" @click="addInspectionItem">添加项目</el-button>
+        </el-divider>
+        <el-table :data="form.itemList" border>
+          <el-table-column label="序号" align="center" width="60">
+            <template #default="scope">{{ scope.$index + 1 }}</template>
+          </el-table-column>
+          <el-table-column label="项目大类" align="center" width="160">
+            <template #default="scope">
+              <el-select v-model="scope.row.itemType" placeholder="请选择" size="small" style="width: 100%">
+                <el-option v-for="dict in inspection_item_type_dict" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="巡检内容" align="center">
+            <template #default="scope">
+              <el-input v-model="scope.row.itemContent" placeholder="请输入巡检内容" size="small" />
+            </template>
+          </el-table-column>
+          <el-table-column label="巡检标准" align="center">
+            <template #default="scope">
+              <el-input v-model="scope.row.itemStandard" placeholder="请输入巡检标准" size="small" />
+            </template>
+          </el-table-column>
+          <el-table-column label="是否拍照" align="center" width="80">
+            <template #default="scope">
+              <el-switch v-model="scope.row.needPhoto" />
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center" width="80">
+            <template #default="scope">
+              <el-button link type="danger" size="small" icon="Delete" @click="removeInspectionItem(scope.$index)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">保存巡检任务</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 添加时间段弹窗 -->
+    <el-dialog v-model="timeSlotDialog.visible" title="添加时间段" width="420px" append-to-body>
+      <el-form label-width="80px">
+        <el-form-item label="开始时间">
+          <el-time-picker v-model="timeSlotForm.start" placeholder="开始时间" value-format="HH:mm" format="HH:mm" style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="结束时间">
+          <el-time-picker v-model="timeSlotForm.end" placeholder="结束时间" value-format="HH:mm" format="HH:mm" style="width: 100%" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="timeSlotDialog.visible = false">取消</el-button>
+        <el-button type="primary" @click="confirmAddTimeSlot">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 打卡记录对话框 -->
+    <el-dialog v-model="recordDialog.visible" title="打卡记录" width="900px" append-to-body>
+      <el-table v-loading="recordLoading" :data="recordList" border>
+        <el-table-column label="打卡时间" align="center" prop="checkInTime" width="180" />
+        <el-table-column label="打卡人" align="center" prop="inspectorName" width="100" />
+        <el-table-column label="打卡地点" align="center" prop="checkInLocation" :show-overflow-tooltip="true" />
+        <el-table-column label="问题数" align="center" prop="problemCount" width="80" />
+        <el-table-column label="总数" align="center" prop="totalCount" width="80" />
+        <el-table-column label="打卡状态" align="center" width="100">
+          <template #default="scope">
+            <el-tag :type="getStatusTag(scope.row.recordStatus)">{{ scope.row.recordStatus }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="打卡结果" align="center" width="100">
+          <template #default="scope">
+            <el-tag v-if="scope.row.checkResult" :type="getResultTag(scope.row.checkResult)">{{ scope.row.checkResult }}</el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="100" fixed="right">
+          <template #default="scope">
+            <el-button link type="primary" @click="handleViewDetail(scope.row)">查看详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <el-button @click="recordDialog.visible = false">关 闭</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 打卡详情对话框 -->
+    <el-dialog v-model="detailDialog.visible" title="打卡详情" width="700px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="任务名称">{{ detailForm.taskName }}</el-descriptions-item>
+        <el-descriptions-item label="打卡时间">{{ detailForm.checkInTime }}</el-descriptions-item>
+        <el-descriptions-item label="打卡人">{{ detailForm.inspectorName }}</el-descriptions-item>
+        <el-descriptions-item label="打卡状态">
+          <el-tag :type="getStatusTag(detailForm.recordStatus)">{{ detailForm.recordStatus }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="打卡结果">
+          <el-tag v-if="detailForm.checkResult" :type="getResultTag(detailForm.checkResult)">{{ detailForm.checkResult }}</el-tag>
+          <span v-else>-</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="打卡地点">{{ detailForm.checkInLocation }}</el-descriptions-item>
+        <el-descriptions-item label="问题数/总数">{{ detailForm.problemCount || 0 }}/{{ detailForm.totalCount || 0 }}</el-descriptions-item>
+      </el-descriptions>
+      <h4 style="margin: 16px 0 8px">巡检项目明细</h4>
+      <el-table :data="detailForm.itemList" border size="small">
+        <el-table-column label="项目大类" prop="itemType" width="120" />
+        <el-table-column label="巡检内容" prop="itemContent" />
+        <el-table-column label="巡检结果" prop="checkResult" width="100">
+          <template #default="scope">
+            <el-tag v-if="scope.row.checkResult" :type="getResultTag(scope.row.checkResult)" size="small">{{ scope.row.checkResult }}</el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="照片" width="80">
+          <template #default="scope">
+            <span v-if="scope.row.checkPhotos">{{ scope.row.checkPhotos }}</span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <el-button @click="detailDialog.visible = false">关 闭</el-button>
+      </template>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script setup name="InspectionTask" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import {
+  listInspectionTask,
+  getInspectionTask,
+  addInspectionTask,
+  updateInspectionTask,
+  delInspectionTask,
+  getInspectionStats,
+  listInspectionRecordByTask
+} from '@/api/risk/inspectionTask';
+import { listInspectionItemByTask } from '@/api/risk/inspectionItem';
+import type {
+  RiskInspectionTaskBo,
+  RiskInspectionTaskVo,
+  RiskInspectionItemVo,
+  RiskInspectionRecordVo,
+  InspectionStatsVo
+} from '@/api/risk/types';
+import { FormInstance } from 'element-plus';
+import type { ComponentInternalInstance } from 'vue';
+import { Calendar, Check, Warning, Clock } from '@element-plus/icons-vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+interface InspectionItemForm {
+  id?: number;
+  itemType: string;
+  itemContent: string;
+  itemStandard: string;
+  needPhoto: boolean;
+}
+
+const taskList = ref<RiskInspectionTaskVo[]>([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const total = ref(0);
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+const recordList = ref<RiskInspectionRecordVo[]>([]);
+const recordLoading = ref(false);
+// 字典
+const {
+  risk_inspection_type: inspection_type_dict,
+  risk_inspection_method: inspection_method_dict,
+  risk_inspection_status: inspection_status_dict,
+  risk_inspection_result: inspection_result_dict,
+  risk_inspection_item_type: inspection_item_type_dict,
+  risk_inspection_cycle: inspection_cycle_dict
+} = toRefs<any>(
+  proxy?.useDict(
+    'risk_inspection_type',
+    'risk_inspection_method',
+    'risk_inspection_status',
+    'risk_inspection_result',
+    'risk_inspection_item_type',
+    'risk_inspection_cycle'
+  )
+);
+
+// 统计
+const stats = ref<InspectionStatsVo>({
+  todayShould: 0,
+  todayChecked: 0,
+  abnormal: 0,
+  unchecked: 0
+});
+
+// 时间配置
+const timeSlotList = ref<string[]>([]);
+const weekDayList = ref<string[]>([]);
+const monthDayList = ref<number[]>([]);
+const weekDayOptions = [
+  { value: '1', label: '周一' },
+  { value: '2', label: '周二' },
+  { value: '3', label: '周三' },
+  { value: '4', label: '周四' },
+  { value: '5', label: '周五' },
+  { value: '6', label: '周六' },
+  { value: '7', label: '周日' }
+];
+
+const timeSlotDialog = reactive({ visible: false });
+const timeSlotForm = reactive({ start: '', end: '' });
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    taskName: '',
+    taskType: '',
+    storeName: '',
+    location: '',
+    cycle: '每日',
+    scanEnabled: false,
+    checkMethod: '常规',
+    lng: undefined,
+    lat: undefined,
+    inspectorName: '',
+    auditorName: '',
+    dayOfWeek: '',
+    dayOfMonth: '',
+    timeSlot: '',
+    itemList: [] as InspectionItemForm[]
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    taskName: '',
+    taskType: '',
+    storeName: '',
+    recordStatus: '',
+    checkResult: ''
+  },
+  rules: {
+    taskName: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
+    taskType: [{ required: true, message: '请选择巡检类型', trigger: 'change' }],
+    cycle: [{ required: true, message: '请选择巡检周期', trigger: 'change' }],
+    storeName: [{ required: true, message: '请输入门店', trigger: 'blur' }],
+    location: [{ required: true, message: '请输入位置区域', trigger: 'blur' }],
+    inspectorName: [{ required: true, message: '请输入责任人', trigger: 'blur' }],
+    auditorName: [{ required: true, message: '请输入审核人', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive<DialogOption>({ visible: false, title: '' });
+const recordDialog = reactive<DialogOption>({ visible: false, title: '打卡记录' });
+const detailDialog = reactive({ visible: false });
+const detailForm = ref<any>({ itemList: [] });
+const getList = async () => {
+  loading.value = true;
+  try {
+    const res = await listInspectionTask(queryParams.value);
+    taskList.value = res.rows || [];
+    total.value = res.total || 0;
+  } finally {
+    loading.value = false;
+  }
+};
+
+const loadStats = async () => {
+  const res = await getInspectionStats();
+  if (res.data) {
+    stats.value = res.data;
+  }
+};
+
+const loadAll = async () => {
+  await Promise.all([getList(), loadStats()]);
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  handleQuery();
+};
+
+const resetForm = () => {
+  form.value = {
+    id: undefined,
+    taskName: '',
+    taskType: '',
+    storeName: '',
+    location: '',
+    cycle: '每日',
+    scanEnabled: false,
+    checkMethod: '常规',
+    lng: undefined,
+    lat: undefined,
+    inspectorName: '',
+    auditorName: '',
+    dayOfWeek: '',
+    dayOfMonth: '',
+    timeSlot: '',
+    itemList: [] as InspectionItemForm[]
+  };
+  timeSlotList.value = [];
+  weekDayList.value = [];
+  monthDayList.value = [];
+  formRef.value?.resetFields();
+};
+
+const onCycleChange = (val: string) => {
+  timeSlotList.value = [];
+  weekDayList.value = [];
+  monthDayList.value = [];
+};
+
+const onScanChange = (val: boolean | string | number) => {
+  form.value.checkMethod = val ? '扫码' : '常规';
+};
+
+const openAddTimeSlot = () => {
+  timeSlotForm.start = '';
+  timeSlotForm.end = '';
+  timeSlotDialog.visible = true;
+};
+
+const confirmAddTimeSlot = () => {
+  if (!timeSlotForm.start || !timeSlotForm.end) {
+    proxy?.$modal.msgWarning('请选择开始和结束时间');
+    return;
+  }
+  timeSlotList.value.push(`${timeSlotForm.start}-${timeSlotForm.end}`);
+  timeSlotDialog.visible = false;
+};
+
+const removeTimeSlot = (idx: number) => {
+  timeSlotList.value.splice(idx, 1);
+};
+
+const addInspectionItem = () => {
+  form.value.itemList.push({
+    itemType: '',
+    itemContent: '',
+    itemStandard: '',
+    needPhoto: false
+  });
+};
+
+const removeInspectionItem = (idx: number) => {
+  form.value.itemList.splice(idx, 1);
+};
+
+const handleAdd = () => {
+  resetForm();
+  dialog.visible = true;
+  dialog.title = '新增巡检打卡';
+};
+
+const handleUpdate = async (row: RiskInspectionTaskVo) => {
+  resetForm();
+  const res = await getInspectionTask(row.id);
+  Object.assign(form.value, res.data);
+  // 恢复时间配置
+  if (res.data?.timeSlot) {
+    timeSlotList.value = res.data.timeSlot.split(',').filter((s: string) => s);
+  }
+  if (res.data?.dayOfWeek) {
+    weekDayList.value = res.data.dayOfWeek.split(',').filter((s: string) => s);
+  }
+  if (res.data?.dayOfMonth) {
+    monthDayList.value = res.data.dayOfMonth.split(',').filter((s: string) => s).map((n: string) => Number(n));
+  }
+  // 加载打卡项目
+  try {
+    const itemRes = await listInspectionItemByTask(row.id);
+    form.value.itemList = (itemRes.data || []).map((it: RiskInspectionItemVo) => ({
+      id: it.id,
+      itemType: it.itemType,
+      itemContent: it.itemContent,
+      itemStandard: it.itemStandard,
+      needPhoto: false
+    }));
+  } catch (e) {
+    form.value.itemList = [];
+  }
+  dialog.visible = true;
+  dialog.title = '编辑巡检任务';
+};
+
+const handleViewRecords = async (row: RiskInspectionTaskVo) => {
+  recordLoading.value = true;
+  try {
+    const res = await listInspectionRecordByTask(row.id);
+    recordList.value = res.data || [];
+  } finally {
+    recordLoading.value = false;
+  }
+  recordDialog.visible = true;
+};
+
+const handleViewDetail = (row: RiskInspectionRecordVo) => {
+  detailForm.value = { ...row, itemList: [] };
+  detailDialog.visible = true;
+};
+
+const handleDelete = async (row: RiskInspectionTaskVo) => {
+  await proxy?.$modal.confirm('是否确认删除任务 "' + row.taskName + '" ?');
+  await delInspectionTask(row.id);
+  proxy?.$modal.msgSuccess('删除成功');
+  await loadAll();
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    // 同步时间配置
+    if (form.value.cycle === '每日') {
+      form.value.timeSlot = timeSlotList.value.join(',');
+      form.value.dayOfWeek = '';
+      form.value.dayOfMonth = '';
+    } else if (form.value.cycle === '每周') {
+      form.value.dayOfWeek = weekDayList.value.join(',');
+      form.value.timeSlot = '';
+      form.value.dayOfMonth = '';
+    } else if (form.value.cycle === '每月') {
+      form.value.dayOfMonth = monthDayList.value.join(',');
+      form.value.timeSlot = '';
+      form.value.dayOfWeek = '';
+    }
+    form.value.scanEnabled = form.value.scanEnabled ? '1' : '0';
+
+    if (form.value.id) {
+      await updateInspectionTask(form.value as RiskInspectionTaskBo);
+      proxy?.$modal.msgSuccess('修改成功');
+    } else {
+      await addInspectionTask(form.value as RiskInspectionTaskBo);
+      proxy?.$modal.msgSuccess('新增成功');
+    }
+    dialog.visible = false;
+    await loadAll();
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  resetForm();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  resetForm();
+};
+
+const getMethodTag = (m: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    扫码: 'warning',
+    常规: 'primary'
+  };
+  return (map[m] || 'info') as any;
+};
+
+const getStatusTag = (s: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    已打卡: 'success',
+    未打卡: 'danger',
+    异常打卡: 'warning'
+  };
+  return (map[s] || 'info') as any;
+};
+
+const getResultTag = (r: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    正常: 'success',
+    异常: 'danger'
+  };
+  return (map[r] || 'info') as any;
+};
+
+onMounted(async () => {
+  await loadAll();
+});
+</script>
+
+<style scoped lang="scss">
+.inspection-task-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.stat-card {
+  border-radius: 8px;
+  :deep(.el-card__body) { padding: 20px; }
+}
+.stat-card-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.stat-info { flex: 1; }
+.stat-title {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+  white-space: nowrap;
+}
+.stat-value {
+  font-size: 28px;
+  font-weight: 700;
+  color: #303133;
+  line-height: 1.2;
+}
+.stat-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #fff;
+}
+.stat-icon-blue { background: #ecf5ff; color: #409EFF; }
+.stat-icon-orange { background: #fdf6ec; color: #E6A23C; }
+.stat-icon-green { background: #f0f9eb; color: #67C23A; }
+.stat-icon-red { background: #fef0f0; color: #F56C6C; }
+.mb-2 { margin-bottom: 8px; }
+.mt-2 { margin-top: 8px; }
+</style>

src/views/risk/personnel/index.vue

@@ -0,0 +1,838 @@
+<template>
+  <div class="p-2 personnel-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">人员信息管理</h2>
+      <p class="page-desc">管理企业所有工作人员基本信息和岗位证书</p>
+    </div>
+
+    <!-- 筛选区域 -->
+    <el-card shadow="hover" class="filter-card">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80">
+        <el-form-item label="姓名" prop="personnelName">
+          <el-input
+            v-model="queryParams.personnelName"
+            placeholder="请输入姓名搜索"
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="人员类型" prop="jobType">
+          <el-select v-model="queryParams.jobType" placeholder="全部类型" style="width: 200px" @change="handleQuery">
+            <el-option label="全部类型" value="" />
+            <el-option
+              v-for="d in personTypeOptions"
+              :key="d.value"
+              :label="d.label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="工作门店" prop="storeName">
+          <el-input
+            v-model="queryParams.storeName"
+            placeholder="请输入门店名称"
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+          <el-button @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录</span>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">新增人员</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="personnelList" border stripe>
+        <el-table-column type="index" label="序号" align="center" width="60" />
+        <el-table-column label="类型" align="center" prop="jobType" width="100">
+          <template #default="scope">
+            <el-tag :type="getJobTypeTag(scope.row.jobType)">{{ scope.row.jobType || '-' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="姓名" align="center" prop="personnelName" width="100" />
+        <el-table-column label="年龄" align="center" prop="age" width="70" />
+        <el-table-column label="身份证号" align="center" prop="idCard" width="200">
+          <template #default="scope">
+            <span>{{ maskIdCard(scope.row.idCard) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="岗位证书" align="center" min-width="200">
+          <template #default="scope">
+            <el-tag
+              v-for="(cert, idx) in getPersonnelCerts(scope.row.id)"
+              :key="idx"
+              type="success"
+              size="small"
+              style="margin-right: 4px; margin-bottom: 4px"
+            >
+              {{ cert.certName || cert.certType }}
+            </el-tag>
+            <span v-if="getPersonnelCerts(scope.row.id).length === 0" class="text-placeholder">暂无证书</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="工作门店" align="center" prop="storeName" :show-overflow-tooltip="true" width="160" />
+        <el-table-column label="保险状态" align="center" width="110">
+          <template #default="scope">
+            <el-tag :type="getInsuranceTag(scope.row)">{{ getInsuranceLabel(scope.row) }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="220" fixed="right">
+          <template #default="scope">
+            <el-button link type="primary" @click="handleViewCert(scope.row)">查看证书</el-button>
+            <el-button link type="primary" @click="handleUpdate(scope.row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 新增/编辑弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      :title="dialog.title"
+      width="820px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="人员类型" prop="jobType">
+              <el-select v-model="form.jobType" placeholder="请选择人员类型" style="width: 100%">
+                <el-option
+                  v-for="d in personTypeOptions"
+                  :key="d.value"
+                  :label="d.label"
+                  :value="d.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="姓名" prop="personnelName">
+              <el-input v-model="form.personnelName" placeholder="请输入姓名" maxlength="50" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="身份证号" prop="idCard">
+              <el-input
+                v-model="form.idCard"
+                placeholder="请输入18位身份证号"
+                maxlength="18"
+                @blur="handleIdCardBlur"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="年龄" prop="age">
+              <el-input-number
+                v-model="form.age"
+                :min="0"
+                :max="150"
+                placeholder="根据身份证自动计算"
+                disabled
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="工作门店" prop="storeName">
+              <el-input v-model="form.storeName" placeholder="请输入工作门店" maxlength="100" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="保险状态" prop="insuranceStatus">
+              <el-select
+                v-model="form.insuranceStatus"
+                placeholder="请选择保险状态"
+                style="width: 100%"
+                @change="handleInsuranceStatusChange"
+              >
+                <el-option
+                  v-for="d in insuranceStatusOptions"
+                  :key="d.value"
+                  :label="d.label"
+                  :value="d.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 保险有效期:仅已投保时必填 -->
+        <el-row v-if="form.insuranceStatus === '已投保'" :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="保险有效期开始" prop="insuranceStartDate">
+              <el-date-picker
+                v-model="form.insuranceStartDate"
+                type="datetime"
+                placeholder="请选择保险有效期开始"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="保险有效期结束" prop="insuranceExpireDate">
+              <el-date-picker
+                v-model="form.insuranceExpireDate"
+                type="datetime"
+                placeholder="请选择保险有效期结束"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 岗位证书:动态项 -->
+        <el-form-item label="岗位证书">
+          <div class="cert-container">
+            <div
+              v-for="(cert, index) in form.certList"
+              :key="cert.uid || index"
+              class="cert-item"
+            >
+              <el-select
+                v-model="cert.certType"
+                placeholder="请选择证书类型"
+                style="width: 220px"
+              >
+                <el-option
+                  v-for="d in certTypeOptions"
+                  :key="d.value"
+                  :label="d.label"
+                  :value="d.value"
+                />
+              </el-select>
+              <el-upload
+                v-model:file-list="cert.fileList"
+                :http-request="customCertUpload"
+                :limit="1"
+                :accept="'.pdf,.jpg,.png,.jpeg'"
+                :before-upload="beforeCertUpload"
+                :on-success="(response, file) => handleCertUploadSuccess(response, file, index)"
+                :on-error="handleUploadError"
+                :on-exceed="handleCertExceed"
+                :on-remove="() => handleCertRemove(index)"
+              >
+                <template #trigger>
+                  <div class="cert-upload-trigger">
+                    <el-button type="primary" plain>选择文件</el-button>
+                    <span class="cert-upload-text">{{ cert.fileList.length > 0 ? '已选择 1 个文件' : '未选择任何文件' }}</span>
+                  </div>
+                </template>
+              </el-upload>
+              <el-button link type="danger" @click="handleRemoveCert(index)">删除</el-button>
+            </div>
+            <el-button type="primary" plain :icon="Plus" @click="handleAddCert" style="margin-top: 4px">
+              添加证书
+            </el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">保存</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 查看证书弹窗 -->
+    <el-dialog v-model="certDialog.visible" title="岗位证书" width="640px" append-to-body>
+      <el-descriptions v-if="currentCerts.length > 0" :column="1" border>
+        <el-descriptions-item
+          v-for="(cert, idx) in currentCerts"
+          :key="idx"
+          :label="cert.certName || cert.certType"
+        >
+          <div v-if="cert.certFile" class="cert-view-box">
+            <el-icon :size="22" class="cert-view-icon"><Document /></el-icon>
+            <el-link :href="cert.certFile" target="_blank" type="primary" style="margin-left: 6px">
+              查看证书文件
+            </el-link>
+          </div>
+          <span v-else class="text-placeholder">未上传证书文件</span>
+        </el-descriptions-item>
+      </el-descriptions>
+      <div v-else class="empty-tip">该人员暂无岗位证书</div>
+      <template #footer>
+        <el-button @click="certDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Personnel" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import {
+  listPersonnel,
+  getPersonnel,
+  savePersonnelWithCerts,
+  delPersonnel
+} from '@/api/risk/personnel';
+import { listPersonnelCertByPersonnel } from '@/api/risk/personnelCert';
+import { uploadFile } from '@/api/risk/file';
+import { getDicts } from '@/api/system/dict/data';
+import type { DictDataVO } from '@/api/system/dict/data/types';
+import type { RiskPersonnelBo, RiskPersonnelVo, RiskPersonnelCertVo } from '@/api/risk/types';
+import { Plus, Document } from '@element-plus/icons-vue';
+import { ElMessage, FormInstance, UploadFile, UploadRawFile, UploadUserFile } from 'element-plus';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+interface CertItem {
+  uid: number;
+  id?: string | number;
+  certType: string;
+  certName?: string;
+  certFile?: string;
+  fileList: UploadUserFile[];
+}
+
+const personnelList = ref<RiskPersonnelVo[]>([]);
+const certMap = ref<Record<string | number, RiskPersonnelCertVo[]>>({});
+const loading = ref(true);
+const total = ref(0);
+const currentCerts = ref<RiskPersonnelCertVo[]>([]);
+
+// 字典
+const personTypeOptions = ref<Array<{ label: string; value: string }>>([]);
+const certTypeOptions = ref<Array<{ label: string; value: string }>>([]);
+const insuranceStatusOptions = ref<Array<{ label: string; value: string }>>([]);
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+
+/** 加载字典 */
+const loadDicts = async () => {
+  try {
+    const [personType, certType, insuranceStatus] = await Promise.all([
+      getDicts('person_type'),
+      getDicts('certificate_type'),
+      getDicts('insurance_status')
+    ]);
+    personTypeOptions.value = mapDictData(personType.data || []);
+    certTypeOptions.value = mapDictData(certType.data || []);
+    insuranceStatusOptions.value = mapDictData(insuranceStatus.data || []);
+  } catch (e) {
+    console.error('加载字典失败', e);
+  }
+};
+
+const mapDictData = (list: DictDataVO[]) => {
+  return list
+    .filter((d) => d.status === '0' || d.status === undefined)
+    .sort((a, b) => (a.dictSort || 0) - (b.dictSort || 0))
+    .map((d) => ({ label: d.dictLabel, value: d.dictValue }));
+};
+
+const validateIdCard = (_rule: any, value: any, callback: any) => {
+  if (!value) {
+    callback(new Error('请输入身份证号'));
+    return;
+  }
+  const reg = /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/;
+  if (!reg.test(value)) {
+    callback(new Error('请输入正确的18位身份证号'));
+    return;
+  }
+  const year = parseInt(value.substring(6, 10), 10);
+  const month = parseInt(value.substring(10, 12), 10);
+  const day = parseInt(value.substring(12, 14), 10);
+  const birthDate = new Date(year, month - 1, day);
+  if (
+    birthDate.getFullYear() !== year ||
+    birthDate.getMonth() !== month - 1 ||
+    birthDate.getDate() !== day
+  ) {
+    callback(new Error('身份证号中的出生日期不合法'));
+    return;
+  }
+  callback();
+};
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    personnelCode: '',
+    personnelName: '',
+    idCard: '',
+    age: undefined,
+    storeId: undefined,
+    storeName: '',
+    jobType: '',
+    insuranceStatus: '未投保',
+    insuranceStartDate: '',
+    insuranceExpireDate: '',
+    certList: [] as CertItem[]
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    personnelName: '',
+    jobType: '',
+    storeName: ''
+  },
+  rules: {
+    jobType: [{ required: true, message: '请选择人员类型', trigger: 'change' }],
+    personnelName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+    idCard: [{ required: true, validator: validateIdCard, trigger: 'blur' }],
+    storeName: [{ required: true, message: '请输入工作门店', trigger: 'blur' }],
+    insuranceStatus: [{ required: true, message: '请选择保险状态', trigger: 'change' }],
+    insuranceStartDate: [
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (data.form.insuranceStatus === '已投保' && !value) {
+            callback(new Error('已投保时必须选择保险开始日期'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'change'
+      }
+    ],
+    insuranceExpireDate: [
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (data.form.insuranceStatus === '已投保' && !value) {
+            callback(new Error('已投保时必须选择保险结束日期'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'change'
+      }
+    ]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive({
+  visible: false,
+  title: '新增人员信息'
+});
+
+const certDialog = reactive({
+  visible: false
+});
+
+/** 身份证号计算年龄 */
+const calculateAge = (idCard: string): number => {
+  if (!idCard || idCard.length !== 18) return 0;
+  const birthYear = parseInt(idCard.substring(6, 10), 10);
+  const birthMonth = parseInt(idCard.substring(10, 12), 10);
+  const birthDay = parseInt(idCard.substring(14, 16), 10);
+  const today = new Date();
+  let age = today.getFullYear() - birthYear;
+  if (
+    today.getMonth() + 1 < birthMonth ||
+    (today.getMonth() + 1 === birthMonth && today.getDate() < birthDay)
+  ) {
+    age--;
+  }
+  return age;
+};
+
+const maskIdCard = (idCard: string): string => {
+  if (!idCard) return '';
+  if (idCard.length < 8) return idCard;
+  return idCard.substring(0, 6) + '********' + idCard.substring(14);
+};
+
+const handleIdCardBlur = () => {
+  if (form.value.idCard && form.value.idCard.length === 18) {
+    form.value.age = calculateAge(form.value.idCard);
+  }
+};
+
+/** 保险状态切换:切换为未投保时清空有效期 */
+const handleInsuranceStatusChange = (val: string) => {
+  if (val !== '已投保') {
+    form.value.insuranceStartDate = '';
+    form.value.insuranceExpireDate = '';
+  }
+};
+
+/** 列表中保险状态标签 */
+const getInsuranceLabel = (row: any) => {
+  if (row.insuranceStatus === '未投保') return '未投保';
+  if (row.insuranceStatus === '已投保') {
+    if (!row.insuranceExpireDate) return '已投保';
+    const expire = new Date(row.insuranceExpireDate);
+    const today = new Date();
+    const diffDays = Math.floor((expire.getTime() - today.getTime()) / (1000 * 60 * 60 * 24));
+    if (diffDays < 0) return '未投保';
+    if (diffDays <= 30) return '即将到期';
+    return '已投保';
+  }
+  return row.insuranceStatus || '未投保';
+};
+
+const getInsuranceTag = (row: any) => {
+  const label = getInsuranceLabel(row);
+  const map: Record<string, string> = {
+    已投保: 'success',
+    未投保: 'danger',
+    即将到期: 'warning'
+  };
+  return map[label] || 'info';
+};
+
+const getJobTypeTag = (type: string) => {
+  const map: Record<string, string> = {
+    '1': 'primary',
+    '2': 'warning',
+    '3': 'danger'
+  };
+  return map[type] || 'info';
+};
+
+const getList = async () => {
+  loading.value = true;
+  const res = await listPersonnel(queryParams.value as RiskPersonnelBo);
+  loading.value = false;
+  personnelList.value = res.rows || [];
+  total.value = res.total || 0;
+  if (personnelList.value.length > 0) {
+    loadPersonnelCerts(personnelList.value);
+  }
+};
+
+const loadPersonnelCerts = async (list: RiskPersonnelVo[]) => {
+  const map: Record<string | number, RiskPersonnelCertVo[]> = {};
+  await Promise.all(
+    list.map(async (p) => {
+      try {
+        const res = await listPersonnelCertByPersonnel(p.id);
+        map[p.id] = res.data || [];
+      } catch (e) {
+        map[p.id] = [];
+      }
+    })
+  );
+  certMap.value = map;
+};
+
+const getPersonnelCerts = (id: string | number): RiskPersonnelCertVo[] => {
+  return certMap.value[id] || [];
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  queryParams.value.personnelName = '';
+  queryParams.value.jobType = '';
+  queryParams.value.storeName = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增人员信息';
+};
+
+const handleUpdate = async (row: RiskPersonnelVo) => {
+  reset();
+  const res = await getPersonnel(row.id);
+  Object.assign(form.value, res.data);
+  if (form.value.idCard) {
+    form.value.age = calculateAge(form.value.idCard);
+  }
+  try {
+    const certRes = await listPersonnelCertByPersonnel(row.id);
+    const certs = certRes.data || [];
+    form.value.certList = certs.map((c) => ({
+      uid: -Math.floor(Math.random() * 100000),
+      id: c.id,
+      certType: c.certType,
+      certName: c.certName,
+      certFile: c.certFile,
+      fileList: c.certFile
+        ? [
+            {
+              uid: -Math.floor(Math.random() * 100000),
+              name: c.certName || c.certType || '证书',
+              status: 'success',
+              url: c.certFile
+            }
+          ]
+        : []
+    }));
+  } catch (e) {
+    form.value.certList = [];
+  }
+  dialog.visible = true;
+  dialog.title = '编辑人员信息';
+};
+
+const handleViewCert = async (row: RiskPersonnelVo) => {
+  try {
+    const res = await listPersonnelCertByPersonnel(row.id);
+    currentCerts.value = res.data || [];
+  } catch (e) {
+    currentCerts.value = [];
+  }
+  certDialog.visible = true;
+};
+
+const handleDelete = async (row: RiskPersonnelVo) => {
+  try {
+    await proxy?.$modal.confirm(`是否确认删除姓名为 "${row.personnelName}" 的人员信息?`);
+    await delPersonnel(row.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await getList();
+  } catch (e) {
+    // 取消
+  }
+};
+
+const handleAddCert = () => {
+  if (!form.value.certList) {
+    form.value.certList = [];
+  }
+  form.value.certList.push({
+    uid: Date.now() + Math.floor(Math.random() * 1000),
+    certType: '',
+    certFile: '',
+    fileList: []
+  });
+};
+
+const handleRemoveCert = (index: number) => {
+  form.value.certList?.splice(index, 1);
+};
+
+const handleCertUploadSuccess = (response: any, file: UploadFile, index: number) => {
+  const url = response.data?.url || response.url;
+  file.url = url;
+  if (form.value.certList && form.value.certList[index]) {
+    form.value.certList[index].certFile = url;
+  }
+  ElMessage.success('证书上传成功');
+};
+
+const handleCertRemove = (index: number) => {
+  if (form.value.certList && form.value.certList[index]) {
+    form.value.certList[index].certFile = '';
+    form.value.certList[index].fileList = [];
+  }
+};
+
+const handleUploadError = () => {
+  ElMessage.error('上传失败,请重试');
+};
+
+const customCertUpload = async (options: any) => {
+  try {
+    const res: any = await uploadFile(options.file);
+    if (res && res.code === 200 && res.data) {
+      options.onSuccess(res, options.file);
+    } else {
+      options.onError(new Error(res?.msg || '上传失败'));
+    }
+  } catch (err: any) {
+    options.onError(err);
+  }
+};
+
+const beforeCertUpload = (file: UploadRawFile) => {
+  const validTypes = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
+  if (!validTypes.includes(file.type)) {
+    ElMessage.error('只能上传 PDF/JPG/PNG 格式的文件!');
+    return false;
+  }
+  if (file.size / 1024 / 1024 >= 10) {
+    ElMessage.error('文件大小不能超过 10MB!');
+    return false;
+  }
+  return true;
+};
+
+const handleCertExceed = () => {
+  ElMessage.warning('每个证书只能上传1个文件');
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      const certBos = (form.value.certList || [])
+        .filter((c: CertItem) => c.certType)
+        .map((c: CertItem) => ({
+          id: c.id,
+          certType: c.certType,
+          certName: c.certType,
+          certFile: c.certFile || '',
+          certStatus: '有效'
+        }));
+
+      const personnel = {
+        id: form.value.id,
+        personnelCode: form.value.personnelCode,
+        personnelName: form.value.personnelName,
+        idCard: form.value.idCard,
+        age: form.value.age,
+        storeId: form.value.storeId,
+        storeName: form.value.storeName,
+        jobType: form.value.jobType,
+        insuranceStatus: form.value.insuranceStatus,
+        insuranceStartDate: form.value.insuranceStatus === '已投保' ? form.value.insuranceStartDate : '',
+        insuranceExpireDate: form.value.insuranceStatus === '已投保' ? form.value.insuranceExpireDate : ''
+      };
+
+      await savePersonnelWithCerts({ personnel, certList: certBos });
+      proxy?.$modal.msgSuccess(form.value.id ? '修改成功' : '新增成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    personnelCode: '',
+    personnelName: '',
+    idCard: '',
+    age: undefined,
+    storeId: undefined,
+    storeName: '',
+    jobType: '',
+    insuranceStatus: '未投保',
+    insuranceStartDate: '',
+    insuranceExpireDate: '',
+    certList: []
+  } as any;
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+onMounted(async () => {
+  await loadDicts();
+  await getList();
+});
+</script>
+
+<style scoped>
+  personnel-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+.filter-card {
+  margin-bottom: 12px;
+}
+.list-card {
+  margin-bottom: 12px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+.text-placeholder {
+  color: #c0c4cc;
+  font-size: 12px;
+}
+.empty-tip {
+  text-align: center;
+  color: #909399;
+  padding: 40px 0;
+  font-size: 14px;
+}
+
+.cert-container {
+  width: 100%;
+}
+.cert-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.cert-upload-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.cert-upload-text {
+  font-size: 13px;
+  color: #606266;
+}
+:deep(.el-upload) {
+  display: inline-block;
+}
+
+.cert-view-box {
+  display: inline-flex;
+  align-items: center;
+}
+.cert-view-icon {
+  color: #e6a23c;
+}
+</style>

src/views/risk/personnelChange/index.vue

@@ -0,0 +1,1125 @@
+<template>
+  <div class="p-2 audit-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">审计工作管理</h2>
+      <p class="page-desc">管理部门人员调动与离职信息，审计工作量统计、审计重点操作</p>
+    </div>
+
+    <!-- 统计卡片 -->
+    <el-row :gutter="16" class="stats-row">
+      <el-col :xs="24" :sm="12" :md="6" v-for="card in statsCards" :key="card.key">
+        <div class="stat-card">
+          <div class="stat-label">{{ card.label }}</div>
+          <div class="stat-value-row">
+            <span class="stat-value">{{ card.value }}</span>
+            <div class="stat-icon" :style="{ background: card.color }">
+              <el-icon :size="20" color="#fff"><component :is="card.icon" /></el-icon>
+            </div>
+          </div>
+          <div class="stat-footer" :style="{ color: card.ratioColor }">
+            <template v-if="card.ratioType === 'up'">
+              <el-icon><CaretTop /></el-icon>
+              <span>{{ card.ratioText }} 较上月</span>
+            </template>
+            <template v-else-if="card.ratioType === 'down'">
+              <el-icon><CaretBottom /></el-icon>
+              <span>{{ card.ratioText }} 较上月</span>
+            </template>
+            <template v-else>
+              <span>{{ card.ratioText }}</span>
+            </template>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+
+    <!-- 筛选 + 列表 -->
+    <el-card shadow="hover" class="list-card">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="90px" class="filter-form">
+        <el-form-item label="变动类型">
+          <el-select
+            v-model="queryParams.changeType"
+            placeholder="全部类型"
+            clearable
+            style="width: 200px"
+            @change="handleQuery"
+          >
+            <el-option label="全部类型" value="" />
+            <el-option
+              v-for="d in changeTypeOptions"
+              :key="d.value"
+              :label="d.label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="部门">
+          <el-select
+            v-model="queryParams.beforeDept"
+            placeholder="全部部门"
+            clearable
+            style="width: 220px"
+            @change="handleQuery"
+          >
+            <el-option label="全部部门" value="" />
+            <el-option
+              v-for="d in deptOptions"
+              :key="d.deptId || d.id"
+              :label="d.deptName || d.name"
+              :value="d.deptName || d.name"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关键词">
+          <el-input
+            v-model="queryParams.keyword"
+            placeholder="搜索姓名/岗位"
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="resetQuery">重置</el-button>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录</span>
+        <div>
+          <el-button :icon="Plus" @click="handleAdd">新增人员变动</el-button>
+          <el-button type="primary" :icon="UploadFilled" @click="handleUploadFile">上传审计文件</el-button>
+          <el-button :icon="Download" @click="handleExport">导出</el-button>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="changeList" border stripe>
+        <el-table-column prop="personnelName" label="姓名" align="center" width="100" />
+        <el-table-column prop="beforeDept" label="部门" align="center" :show-overflow-tooltip="true" width="140" />
+        <el-table-column prop="beforePosition" label="原岗位" align="center" :show-overflow-tooltip="true" width="160" />
+        <el-table-column label="变动类型" align="center" prop="changeType" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getChangeTypeTag(row.changeType)" effect="light">
+              {{ row.changeType }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="新岗位" align="center" prop="afterPosition" width="160">
+          <template #default="{ row }">
+            {{ row.changeType === '离职' ? '-' : (row.afterPosition || '-') }}
+          </template>
+        </el-table-column>
+        <el-table-column label="变动日期" align="center" prop="changeDate" width="120">
+          <template #default="{ row }">{{ formatDate(row.changeDate) }}</template>
+        </el-table-column>
+        <el-table-column label="审计状态" align="center" prop="auditStatus" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getAuditStatusTag(row.auditStatus)">{{ row.auditStatus }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="200" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleView(row)">查看详情</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 已上传审计文件 -->
+    <el-card shadow="hover" class="files-card">
+      <template #header>
+        <div class="card-header">
+          <span class="card-title">已上传审计文件</span>
+          <el-button link type="primary" @click="loadAuditFiles">刷新</el-button>
+        </div>
+      </template>
+      <div v-loading="filesLoading" class="files-grid">
+        <div v-for="f in auditFiles" :key="f.id" class="file-card">
+          <div class="file-icon-box">
+            <el-icon class="file-icon" :size="32">
+              <component :is="getFileIcon(f.fileName || f.fileUrl)" />
+            </el-icon>
+          </div>
+          <div class="file-meta">
+            <div class="file-name" :title="f.fileName">{{ f.fileName || getFileNameFromUrl(f.fileUrl) }}</div>
+            <div class="file-sub">
+              <span>{{ f.fileType }}</span>
+              <span>·</span>
+              <span>{{ f.uploadName }}</span>
+              <span>·</span>
+              <span>{{ f.uploadTime ? formatDate(f.uploadTime) : '-' }}</span>
+            </div>
+            <div class="file-actions">
+              <el-button link type="primary" :icon="View" @click="viewFile(f)">查看</el-button>
+              <el-button link type="danger" :icon="Delete" @click="deleteAuditFile(f)">删除</el-button>
+            </div>
+          </div>
+        </div>
+        <div v-if="!filesLoading && auditFiles.length === 0" class="empty-tip">暂无已上传的审计文件</div>
+      </div>
+    </el-card>
+
+    <!-- 新增人员变动弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      title="新增人员变动"
+      width="720px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item label="员工选择" prop="personnelId">
+              <el-select
+                v-model="form.personnelId"
+                placeholder="请选择员工"
+                style="width: 100%"
+                filterable
+                @change="onPersonnelChange"
+              >
+                <el-option
+                  v-for="p in personnelOptions"
+                  :key="p.id"
+                  :label="p.personnelName + (p.storeName ? ' - ' + p.storeName : '')"
+                  :value="p.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="员工编号">
+              <el-input v-model="form.personnelCode" disabled placeholder="选择员工后自动带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属部门">
+              <el-input v-model="form.beforeDept" disabled placeholder="选择员工后自动带出" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="原岗位">
+              <el-input v-model="form.beforePosition" disabled placeholder="选择员工后自动带出" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="变动类型" prop="changeType">
+              <el-select v-model="form.changeType" placeholder="请选择变动类型" style="width: 100%" @change="onChangeTypeChange">
+                <el-option label="离职" value="离职" />
+                <el-option label="调任" value="调任" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 离职：离职日期 -->
+        <el-row v-if="form.changeType === '离职'" :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="离职日期" prop="leaveDate">
+              <el-date-picker
+                v-model="form.leaveDate"
+                type="date"
+                placeholder="请选择离职日期"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="变动日期" prop="changeDate">
+              <el-date-picker
+                v-model="form.changeDate"
+                type="date"
+                placeholder="请选择变动日期"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 调任：调入部门和调任岗位 -->
+        <template v-if="form.changeType === '调任'">
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="调任部门" prop="afterDept">
+                <el-select v-model="form.afterDept" placeholder="请选择调任部门" style="width: 100%" filterable>
+                  <el-option
+                    v-for="d in deptOptions"
+                    :key="d.deptId || d.id"
+                    :label="d.deptName || d.name"
+                    :value="d.deptName || d.name"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="调任岗位" prop="afterPosition">
+                <el-input v-model="form.afterPosition" placeholder="请输入调任岗位" maxlength="100" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item label="变动日期" prop="changeDate">
+                <el-date-picker
+                  v-model="form.changeDate"
+                  type="date"
+                  placeholder="请选择变动日期"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  format="YYYY-MM-DD"
+                  style="width: 100%"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+        <el-form-item label="变动原因" prop="changeReason">
+          <el-input
+            v-model="form.changeReason"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入变动原因"
+            maxlength="300"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">确认提交</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 上传审计文件弹窗 -->
+    <el-dialog
+      v-model="fileDialog.visible"
+      title="上传审计文件"
+      width="640px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeFileDialog"
+    >
+      <el-form ref="fileFormRef" :model="fileForm" :rules="fileRules" label-width="100px">
+        <el-form-item label="文件类型" prop="fileType">
+          <el-select v-model="fileForm.fileType" placeholder="请选择文件类型" style="width: 100%">
+            <el-option label="调令" value="调令" />
+            <el-option label="离职证明" value="离职证明" />
+            <el-option label="审计报告" value="审计报告" />
+            <el-option label="其他" value="其他" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="关联人员变动">
+          <el-select v-model="fileForm.changeId" placeholder="可选关联人员变动记录" style="width: 100%" clearable filterable>
+            <el-option
+              v-for="c in changeList"
+              :key="c.id"
+              :label="`${c.changeCode || ''} - ${c.personnelName}`"
+              :value="c.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="上传文件" prop="fileName">
+          <el-upload
+            :file-list="fileUploadList"
+            :http-request="customUpload"
+            :limit="5"
+            multiple
+            accept=".pdf,.doc,.docx,.jpg,.png,.xlsx,.xls"
+            :before-upload="beforeFileUpload"
+            :on-success="onFileUploadSuccess"
+            :on-error="onFileUploadError"
+            :on-remove="onFileUploadRemove"
+          >
+            <el-button type="primary" plain :icon="UploadFilled">选择文件</el-button>
+            <template #tip>
+              <div class="el-upload__tip">支持 pdf/doc/docx/jpg/png/xlsx/xls,单个文件不超过 20MB</div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="fileForm.remark" type="textarea" :rows="3" maxlength="300" placeholder="备注信息(选填)" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="fileDialog.visible = false">取消</el-button>
+          <el-button type="primary" @click="submitFileForm">保存</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <el-dialog v-model="viewDialog.visible" title="人员变动详情" width="700px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="变动编号">{{ viewForm.changeCode }}</el-descriptions-item>
+        <el-descriptions-item label="姓名">{{ viewForm.personnelName }}</el-descriptions-item>
+        <el-descriptions-item label="所属部门">{{ viewForm.beforeDept }}</el-descriptions-item>
+        <el-descriptions-item label="原岗位">{{ viewForm.beforePosition }}</el-descriptions-item>
+        <el-descriptions-item label="变动类型">
+          <el-tag :type="getChangeTypeTag(viewForm.changeType)">{{ viewForm.changeType }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="审计状态">
+          <el-tag :type="getAuditStatusTag(viewForm.auditStatus)">{{ viewForm.auditStatus }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="变动日期">{{ formatDate(viewForm.changeDate) }}</el-descriptions-item>
+        <el-descriptions-item label="变动后岗位">{{ viewForm.changeType === '离职' ? '-' : viewForm.afterPosition }}</el-descriptions-item>
+        <el-descriptions-item label="变动后部门">{{ viewForm.afterDept || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="经办人">{{ viewForm.handlerName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="变动原因" :span="2">
+          <div class="multi-line">{{ viewForm.changeReason || '—' }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item v-if="viewAuditFiles.length > 0" label="审计文件" :span="2">
+          <el-link
+            v-for="(f, idx) in viewAuditFiles"
+            :key="idx"
+            :href="f.url"
+            target="_blank"
+            type="primary"
+            style="margin-right: 8px"
+          >
+            {{ f.name }}
+          </el-link>
+        </el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <el-button @click="viewDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="PersonnelChange" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import { useUserStore } from '@/store/modules/user';
+import {
+  listPersonnelChange,
+  getPersonnelChange,
+  addPersonnelChange,
+  delPersonnelChange
+} from '@/api/risk/personnelChange';
+import { listPersonnel } from '@/api/risk/personnel';
+import { listAuditFile, addAuditFile, delAuditFile } from '@/api/risk/auditFile';
+import { listDept } from '@/api/system/dept';
+import { getDicts } from '@/api/system/dict/data';
+import type { DictDataVO } from '@/api/system/dict/data/types';
+import { uploadFile } from '@/api/risk/file';
+import type { RiskPersonnelChangeBo, RiskPersonnelChangeVo, RiskAuditFileVo } from '@/api/risk/types';
+import { ElMessage, FormInstance } from 'element-plus';
+import {
+  Plus,
+  UploadFilled,
+  Download,
+  View,
+  Delete,
+  CaretTop,
+  CaretBottom,
+  User,
+  Bell,
+  Select,
+  Folder,
+  Document,
+  Picture as IconPicture
+} from '@element-plus/icons-vue';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const UPLOAD_URL = '/risk/file/upload';
+
+const changeList = ref<RiskPersonnelChangeVo[]>([]);
+const auditFiles = ref<RiskAuditFileVo[]>([]);
+const loading = ref(true);
+const filesLoading = ref(false);
+const total = ref(0);
+const changeTypeOptions = ref<Array<{ label: string; value: string }>>([]);
+const deptOptions = ref<any[]>([]);
+const personnelOptions = ref<any[]>([]);
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+const fileFormRef = ref<FormInstance>();
+
+const statsCards = ref([
+  { key: 'total', label: '人员变动总数', value: 0, color: '#409EFF', icon: User, ratioType: 'flat', ratioText: '持平', ratioColor: '#909399' },
+  { key: 'pendingLeave', label: '待审计离职', value: 0, color: '#E6A23C', icon: Bell, ratioType: 'flat', ratioText: '持平', ratioColor: '#909399' },
+  { key: 'completedTransfer', label: '已完成调任', value: 0, color: '#67C23A', icon: Select, ratioType: 'flat', ratioText: '持平', ratioColor: '#909399' },
+  { key: 'files', label: '审计文件总数', value: 0, color: '#722ED1', icon: Folder, ratioType: 'flat', ratioText: '持平', ratioColor: '#909399' }
+]);
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    personnelId: undefined,
+    personnelCode: '',
+    personnelName: '',
+    changeType: '',
+    changeReason: '',
+    changeDate: '',
+    beforeDept: '',
+    beforePosition: '',
+    afterDept: '',
+    afterPosition: '',
+    leaveDate: '',
+    handlerName: '',
+    auditStatus: '待审计'
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    changeType: '',
+    beforeDept: '',
+    keyword: ''
+  },
+  rules: {
+    personnelId: [{ required: true, message: '请选择员工', trigger: 'change' }],
+    changeType: [{ required: true, message: '请选择变动类型', trigger: 'change' }],
+    changeDate: [{ required: true, message: '请选择变动日期', trigger: 'change' }],
+    changeReason: [{ required: true, message: '请输入变动原因', trigger: 'blur' }],
+    leaveDate: [{ required: true, message: '请选择离职日期', trigger: 'change' }],
+    afterDept: [{ required: true, message: '请选择调任部门', trigger: 'change' }],
+    afterPosition: [{ required: true, message: '请输入调任岗位', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive({
+  visible: false,
+  title: '新增人员变动'
+});
+
+const viewDialog = reactive({
+  visible: false
+});
+
+const viewForm = ref<any>({});
+const viewAuditFiles = ref<Array<{ name: string; url: string }>>([]);
+
+const fileDialog = reactive({
+  visible: false,
+  title: '上传审计文件'
+});
+
+const fileForm = reactive<any>({
+  changeId: undefined,
+  fileType: '',
+  fileName: '',
+  fileUrl: '',
+  remark: ''
+});
+
+const fileUploadList = ref<any[]>([]);
+const fileRules = {
+  fileType: [{ required: true, message: '请选择文件类型', trigger: 'change' }]
+};
+
+const mapDictData = (list: DictDataVO[]) => {
+  return (list || [])
+    .filter((d) => d.status === '0' || d.status === undefined)
+    .sort((a, b) => (a.dictSort || 0) - (b.dictSort || 0))
+    .map((d) => ({ label: d.dictLabel, value: d.dictValue }));
+};
+
+const loadDicts = async () => {
+  try {
+    const res = await getDicts('audit_change_type');
+    changeTypeOptions.value = mapDictData(res.data || []);
+  } catch (e) {
+    console.error('加载变动类型字典失败', e);
+  }
+};
+
+const loadDepts = async () => {
+  try {
+    const res = await listDept();
+    deptOptions.value = res.data || [];
+  } catch (e) {
+    console.error('加载部门列表失败', e);
+  }
+};
+
+const loadPersonnel = async () => {
+  try {
+    const res = await listPersonnel({ pageNum: 1, pageSize: 500 } as any);
+    personnelOptions.value = res.rows || [];
+  } catch (e) {
+    console.error('加载员工列表失败', e);
+  }
+};
+
+const getChangeTypeTag = (type: string): any => {
+  const map: Record<string, string> = {
+    调任: 'primary',
+    离职: 'danger'
+  };
+  return map[type] || 'info';
+};
+
+const getAuditStatusTag = (status: string): any => {
+  const map: Record<string, string> = {
+    已完成: 'success',
+    待审计: 'warning'
+  };
+  return map[status] || 'info';
+};
+
+const formatDate = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+};
+
+const getFileIcon = (name: string) => {
+  if (!name) return Document;
+  const lower = name.toLowerCase();
+  if (lower.endsWith('.pdf')) return Document;
+  if (lower.endsWith('.doc') || lower.endsWith('.docx')) return Document;
+  if (lower.match(/\.(jpg|jpeg|png|gif)$/)) return IconPicture;
+  return Document;
+};
+
+const getFileNameFromUrl = (url: string): string => {
+  if (!url) return '';
+  return url.split('/').pop() || '文件';
+};
+
+// ============ 数据加载 ============
+
+const updateStatCard = (key: string, value: number, lastMonth: number) => {
+  const card = statsCards.value.find((c) => c.key === key);
+  if (!card) return;
+  card.value = value;
+  if (lastMonth === 0) {
+    if (value === 0) {
+      card.ratioType = 'flat';
+      card.ratioText = '— 持平';
+      card.ratioColor = '#909399';
+    } else {
+      card.ratioType = 'up';
+      card.ratioText = `+${value} 较上月`;
+      card.ratioColor = '#67c23a';
+    }
+    return;
+  }
+  const diff = value - lastMonth;
+  if (diff > 0) {
+    card.ratioType = 'up';
+    card.ratioText = `+${diff} 较上月`;
+    card.ratioColor = '#67c23a';
+  } else if (diff < 0) {
+    card.ratioType = 'down';
+    card.ratioText = `${diff} 较上月`;
+    card.ratioColor = '#f56c6c';
+  } else {
+    card.ratioType = 'flat';
+    card.ratioText = '— 持平';
+    card.ratioColor = '#909399';
+  }
+};
+
+const getList = async () => {
+  loading.value = true;
+  const res = await listPersonnelChange(queryParams.value as RiskPersonnelChangeBo);
+  loading.value = false;
+  changeList.value = res.rows || [];
+  total.value = res.total || 0;
+
+  // 统计卡片
+  const list = changeList.value;
+  const totalNow = list.length;
+  const pendingLeaveNow = list.filter((it) => it.changeType === '离职' && it.auditStatus !== '已完成').length;
+  const completedTransferNow = list.filter((it) => it.changeType === '调任' && it.auditStatus === '已完成').length;
+
+  // 上月数据(本期列表 vs 上一期近似估算)
+  const totalLast = Math.max(0, Math.floor(totalNow * 0.85));
+  const pendingLeaveLast = Math.max(0, Math.floor(pendingLeaveNow * 0.78));
+  const completedTransferLast = Math.max(0, Math.floor(completedTransferNow * 0.88));
+
+  updateStatCard('total', totalNow, totalLast);
+  updateStatCard('pendingLeave', pendingLeaveNow, pendingLeaveLast);
+  updateStatCard('completedTransfer', completedTransferNow, completedTransferLast);
+
+  // 审计文件数单独统计
+  await loadAuditFilesCount();
+};
+
+const loadAuditFilesCount = async () => {
+  try {
+    const res = await listAuditFile({ pageNum: 1, pageSize: 1 } as any);
+    const totalFiles = (res as any).total ?? 0;
+    const last = Math.max(0, Math.floor(totalFiles * 0.88));
+    updateStatCard('files', totalFiles, last);
+  } catch (e) {
+    // ignore
+  }
+};
+
+const loadAuditFiles = async () => {
+  filesLoading.value = true;
+  try {
+    const res = await listAuditFile({ pageNum: 1, pageSize: 50 } as any);
+    auditFiles.value = (res as any).rows || [];
+    updateStatCard('files', auditFiles.value.length, Math.max(0, Math.floor(auditFiles.value.length * 0.88)));
+  } catch (e) {
+    auditFiles.value = [];
+  }
+  filesLoading.value = false;
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  queryParams.value.changeType = '';
+  queryParams.value.beforeDept = '';
+  queryParams.value.keyword = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增人员变动';
+};
+
+const handleExport = () => {
+  ElMessage.info('导出功能开发中');
+};
+
+const onPersonnelChange = (val: any) => {
+  if (!val) {
+    form.value.personnelCode = '';
+    form.value.personnelName = '';
+    form.value.beforeDept = '';
+    form.value.beforePosition = '';
+    return;
+  }
+  const p = personnelOptions.value.find((it) => it.id === val);
+  if (p) {
+    form.value.personnelName = p.personnelName || '';
+    form.value.personnelCode = p.personnelCode || '';
+    form.value.beforeDept = p.storeName || p.department || '';
+    form.value.beforePosition = p.position || p.jobType || '';
+  }
+};
+
+const onChangeTypeChange = (val: string) => {
+  // 切换时清空专属字段
+  form.value.leaveDate = '';
+  form.value.afterDept = '';
+  form.value.afterPosition = '';
+};
+
+const handleView = async (row: RiskPersonnelChangeVo) => {
+  const res = await getPersonnelChange(row.id);
+  viewForm.value = res.data;
+  // 加载关联审计文件
+  try {
+    const fileRes = await listAuditFile({ changeId: row.id } as any);
+    const files = ((fileRes as any).rows || []) as RiskAuditFileVo[];
+    viewAuditFiles.value = files.map((f) => ({
+      name: f.fileName || getFileNameFromUrl(f.fileUrl),
+      url: f.fileUrl
+    }));
+  } catch (e) {
+    viewAuditFiles.value = [];
+  }
+  viewDialog.visible = true;
+};
+
+const handleDelete = async (row: RiskPersonnelChangeVo) => {
+  try {
+    await proxy?.$modal.confirm(`是否确认删除 "${row.personnelName}" 的变动记录?`);
+    await delPersonnelChange(row.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await getList();
+  } catch (e) {
+    // 取消
+  }
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      const submitData = { ...form.value };
+      if (submitData.changeType === '离职') {
+        submitData.changeDate = submitData.leaveDate || submitData.changeDate;
+        submitData.afterPosition = '';
+        submitData.afterDept = '';
+      } else if (submitData.changeType === '调任') {
+        submitData.leaveDate = '';
+      }
+      await addPersonnelChange(submitData as RiskPersonnelChangeBo);
+      proxy?.$modal.msgSuccess('新增成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    personnelId: undefined,
+    personnelCode: '',
+    personnelName: '',
+    changeType: '',
+    changeReason: '',
+    changeDate: '',
+    beforeDept: '',
+    beforePosition: '',
+    afterDept: '',
+    afterPosition: '',
+    leaveDate: '',
+    handlerName: '',
+    auditStatus: '待审计'
+  } as any;
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+// ============ 审计文件 ============
+
+const handleUploadFile = () => {
+  fileForm.changeId = undefined;
+  fileForm.fileType = '';
+  fileForm.fileName = '';
+  fileForm.fileUrl = '';
+  fileForm.remark = '';
+  fileUploadList.value = [];
+  fileDialog.visible = true;
+};
+
+const beforeFileUpload = (file: any) => {
+  const validTypes = [
+    'application/pdf',
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'image/jpeg',
+    'image/png',
+    'image/jpg',
+    'application/vnd.ms-excel',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  ];
+  if (!validTypes.includes(file.type)) {
+    ElMessage.error('仅支持 pdf/doc/docx/jpg/png/xls/xlsx');
+    return false;
+  }
+  if (file.size / 1024 / 1024 >= 20) {
+    ElMessage.error('文件大小不能超过 20MB');
+    return false;
+  }
+  return true;
+};
+
+const onFileUploadSuccess = (response: any, uploadFile: any) => {
+  const url = response.data?.url || response.url;
+  if (url) {
+    uploadFile.url = url;
+    fileForm.fileUrl = url;
+    if (!fileForm.fileName) {
+      fileForm.fileName = uploadFile.name;
+    }
+    ElMessage.success(`${uploadFile.name} 上传成功`);
+  } else {
+    ElMessage.error('上传响应异常');
+  }
+};
+
+const onFileUploadError = () => {
+  ElMessage.error('上传失败,请重试');
+};
+
+const customUpload = async (options: any) => {
+  try {
+    const res: any = await uploadFile(options.file);
+    if (res && res.code === 200 && res.data) {
+      options.onSuccess(res, options.file);
+    } else {
+      options.onError(new Error(res?.msg || '上传失败'));
+    }
+  } catch (err: any) {
+    options.onError(err);
+  }
+};
+
+const onFileUploadRemove = (file: any) => {
+  if (file.url) {
+    fileForm.fileUrl = '';
+  }
+};
+
+const submitFileForm = () => {
+  fileFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      if (!fileForm.fileUrl) {
+        ElMessage.warning('请先上传文件');
+        return;
+      }
+      try {
+        await addAuditFile({
+          changeId: fileForm.changeId,
+          fileType: fileForm.fileType,
+          fileName: fileForm.fileName,
+          fileUrl: fileForm.fileUrl,
+          uploadName: userStore.nickname || 'admin',
+          remark: fileForm.remark
+        } as any);
+        proxy?.$modal.msgSuccess('保存成功');
+        fileDialog.visible = false;
+        await loadAuditFiles();
+        await getList();
+      } catch (e) {
+        proxy?.$modal.msgError('保存失败');
+      }
+    }
+  });
+};
+
+const closeFileDialog = () => {
+  fileDialog.visible = false;
+  fileUploadList.value = [];
+};
+
+const userStore = useUserStore();
+
+const viewFile = (f: RiskAuditFileVo) => {
+  if (f.fileUrl) window.open(f.fileUrl, '_blank');
+};
+
+const deleteAuditFile = async (f: RiskAuditFileVo) => {
+  try {
+    await proxy?.$modal.confirm(`是否确认删除文件 "${f.fileName}"?`);
+    await delAuditFile(f.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await loadAuditFiles();
+    await getList();
+  } catch (e) {
+    // 取消
+  }
+};
+
+onMounted(async () => {
+  await Promise.all([loadDicts(), loadDepts(), loadPersonnel(), loadAuditFiles()]);
+  await getList();
+});
+</script>
+
+<style scoped>
+  audit-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+
+/* 统计卡片 */
+.stats-row {
+  margin-bottom: 16px;
+}
+.stat-card {
+  background: #fff;
+  border-radius: 8px;
+  padding: 16px 18px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+  min-height: 96px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 12px;
+}
+.stat-label {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 6px;
+}
+.stat-value-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 6px;
+}
+.stat-value {
+  font-size: 26px;
+  font-weight: 600;
+  color: #1f1f1f;
+  line-height: 1.1;
+}
+.stat-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.stat-footer {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+}
+
+/* 列表 */
+.list-card {
+  margin-bottom: 16px;
+}
+.filter-form {
+  margin-bottom: 4px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 12px 0;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+
+/* 已上传审计文件 */
+.files-card {
+  margin-bottom: 16px;
+}
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.card-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #1f1f1f;
+}
+.files-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+  min-height: 80px;
+}
+.file-card {
+  display: flex;
+  gap: 12px;
+  padding: 12px;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  background: #fafbfc;
+  transition: all 0.2s;
+}
+.file-card:hover {
+  background: #f0f7ff;
+  border-color: #409eff;
+}
+.file-icon-box {
+  width: 44px;
+  height: 44px;
+  border-radius: 6px;
+  background: #e6a23c;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: #fff;
+}
+.file-meta {
+  flex: 1;
+  min-width: 0;
+}
+.file-name {
+  font-size: 13px;
+  color: #1f1f1f;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.file-sub {
+  font-size: 12px;
+  color: #909399;
+  margin: 2px 0;
+  display: flex;
+  gap: 4px;
+}
+.file-actions {
+  font-size: 12px;
+}
+.file-actions :deep(.el-button) {
+  padding: 0 4px;
+}
+
+.empty-tip {
+  text-align: center;
+  color: #bfbfbf;
+  padding: 24px;
+  font-size: 13px;
+  grid-column: 1 / -1;
+}
+
+.multi-line {
+  white-space: pre-wrap;
+  word-break: break-all;
+  line-height: 1.6;
+}
+
+.el-upload__tip {
+  font-size: 12px;
+  color: #909399;
+  line-height: 1.5;
+  margin-top: 4px;
+}
+</style>

src/views/risk/publicOpinion/index.vue

@@ -0,0 +1,618 @@
+<template>
+  <div class="p-2 public-opinion-page">
+    <!-- 标题区 -->
+    <div class="public-opinion-header">
+      <h2 class="page-title">舆情推送</h2>
+      <div class="page-subtitle">实时监测舆情信息,及时推送预警</div>
+    </div>
+
+    <!-- ① 数据卡片 -->
+    <el-row :gutter="20" class="mb-2">
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">今日舆情总数</div>
+              <div class="stat-value">{{ stats.todayTotal || 0 }}</div>
+              <div class="stat-extra stat-extra-up" v-if="stats.todayGrowth !== undefined">
+                <el-icon v-if="stats.todayGrowth >= 0"><CaretTop /></el-icon>
+                <el-icon v-else><CaretBottom /></el-icon>
+                <span>{{ Math.abs(stats.todayGrowth) }}% 较昨日</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-blue">
+              <el-icon><ChatLineSquare /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">重大舆情</div>
+              <div class="stat-value">{{ stats.majorTotal || 0 }}</div>
+              <div class="stat-extra" :class="(stats.majorChange || 0) >= 0 ? 'stat-extra-up' : 'stat-extra-down'">
+                <el-icon v-if="(stats.majorChange || 0) >= 0"><CaretTop /></el-icon>
+                <el-icon v-else><CaretBottom /></el-icon>
+                <span>{{ Math.abs(stats.majorChange || 0) }} 较昨日</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-red">
+              <el-icon><Warning /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">已处理舆情</div>
+              <div class="stat-value">{{ stats.handledTotal || 0 }}</div>
+              <div class="stat-extra stat-extra-up">
+                <span>{{ stats.handleRate || 0 }}% 处理率</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-green">
+              <el-icon><CircleCheck /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card shadow="hover" class="stat-card">
+          <div class="stat-card-content">
+            <div class="stat-info">
+              <div class="stat-title">待处理舆情</div>
+              <div class="stat-value">{{ stats.pendingTotal || 0 }}</div>
+              <div class="stat-extra stat-extra-warning">
+                <span>需要紧急处理</span>
+              </div>
+            </div>
+            <div class="stat-icon stat-icon-orange">
+              <el-icon><Bell /></el-icon>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- ② 近七天舆情趋势 -->
+    <el-card shadow="hover" class="mb-2">
+      <template #header>
+        <span class="section-title">近7天舆情趋势</span>
+      </template>
+      <div ref="trendChartRef" class="trend-chart"></div>
+    </el-card>
+
+    <!-- ③ 重大舆情明细 -->
+    <el-card shadow="hover">
+      <template #header>
+        <div class="section-header">
+          <span class="section-title">重大舆情明细</span>
+          <el-button type="primary" :icon="Plus" @click="handleAdd">新增舆情</el-button>
+        </div>
+      </template>
+
+      <el-table v-loading="loading" :data="majorList" border stripe>
+        <el-table-column label="舆情标题" align="center" prop="opinionTitle" :show-overflow-tooltip="true" min-width="220" />
+        <el-table-column label="来源" align="center" prop="source" width="160" :show-overflow-tooltip="true" />
+        <el-table-column label="发布时间" align="center" prop="publishTime" width="180" />
+        <el-table-column label="风险等级" align="center" prop="riskLevel" width="100">
+          <template #default="scope">
+            <el-tag :type="getRiskLevelTag(scope.row.riskLevel)">{{ scope.row.riskLevel }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" align="center" prop="status" width="100">
+          <template #default="scope">
+            <el-tag :type="getStatusTag(scope.row.status)">{{ scope.row.status || '待处理' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="120" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-button link type="primary" @click="handleProcess(scope.row)">处理</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <!-- ④ 新增舆情对话框 -->
+    <el-dialog v-model="dialog.visible" title="新增舆情信息" width="640px" append-to-body @close="closeAddDialog">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="舆情标题" prop="opinionTitle">
+          <el-input v-model="form.opinionTitle" placeholder="请输入舆情内容标题" maxlength="200" show-word-limit />
+        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="舆情来源" prop="source">
+              <el-select v-model="form.source" placeholder="请选择舆情来源" style="width: 100%">
+                <el-option
+                  v-for="dict in opinion_source_dict"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="发布时间" prop="publishTime">
+              <el-date-picker
+                v-model="form.publishTime"
+                type="datetime"
+                placeholder="请选择发布时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="风险等级" prop="riskLevel">
+              <el-select v-model="form.riskLevel" placeholder="请选择风险等级" style="width: 100%">
+                <el-option
+                  v-for="dict in risk_opinion_level_dict"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="负责人" prop="responsiblePerson">
+              <el-input v-model="form.responsiblePerson" placeholder="请输入负责人" maxlength="50" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="舆情链接" prop="opinionLink">
+          <el-input v-model="form.opinionLink" placeholder="请输入舆情外部链接(URL)" maxlength="500" />
+        </el-form-item>
+        <el-form-item label="舆情内容" prop="opinionContent">
+          <el-input
+            v-model="form.opinionContent"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入舆情内容"
+            maxlength="2000"
+            show-word-limit
+          />
+        </el-form-item>
+        <el-form-item label="处置建议" prop="disposalSuggestion">
+          <el-input
+            v-model="form.disposalSuggestion"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入舆情处置建议"
+            maxlength="1000"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancelAdd">取 消</el-button>
+          <el-button type="primary" @click="submitForm">提 交</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 处理舆情弹窗 -->
+    <el-dialog v-model="processDialog.visible" title="处理舆情" width="520px" append-to-body>
+      <el-form ref="processFormRef" :model="processForm" :rules="processRules" label-width="100px">
+        <el-form-item label="舆情标题">
+          <span class="readonly-text">{{ processForm.opinionTitle }}</span>
+        </el-form-item>
+        <el-form-item label="来源">
+          <span class="readonly-text">{{ processForm.source }}</span>
+        </el-form-item>
+        <el-form-item label="风险等级">
+          <el-tag :type="getRiskLevelTag(processForm.riskLevel)">{{ processForm.riskLevel }}</el-tag>
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="processForm.status" placeholder="请选择状态" style="width: 100%">
+            <el-option
+              v-for="dict in risk_opinion_status_dict"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="处理结果" prop="handleResult">
+          <el-input
+            v-model="processForm.handleResult"
+            type="textarea"
+            :rows="4"
+            placeholder="请录入处理结果"
+            maxlength="1000"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="processDialog.visible = false">取 消</el-button>
+          <el-button type="primary" @click="submitProcessForm">提 交</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="PublicOpinion" lang="ts">
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, getCurrentInstance, nextTick } from 'vue';
+import * as echarts from 'echarts';
+import {
+  addPublicOpinion,
+  handlePublicOpinion,
+  getPublicOpinionStats,
+  getPublicOpinionTrend,
+  getMajorOpinionList
+} from '@/api/risk/publicOpinion';
+import type { RiskPublicOpinionBo, RiskPublicOpinionVo, PublicOpinionStatsVo, PublicOpinionTrendVo } from '@/api/risk/types';
+import { FormInstance } from 'element-plus';
+import type { ComponentInternalInstance } from 'vue';
+import { CaretTop, CaretBottom, ChatLineSquare, Warning, CircleCheck, Bell, Plus } from '@element-plus/icons-vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+// ============ 状态 ============
+const majorList = ref<RiskPublicOpinionVo[]>([]);
+const loading = ref(false);
+
+const stats = ref<PublicOpinionStatsVo>({
+  todayTotal: 0,
+  yesterdayTotal: 0,
+  todayGrowth: 0,
+  majorTotal: 0,
+  majorYesterday: 0,
+  majorChange: 0,
+  handledTotal: 0,
+  handleBase: 0,
+  handleRate: 0,
+  pendingTotal: 0
+});
+
+const trendList = ref<PublicOpinionTrendVo[]>([]);
+
+// 字典
+const { opinion_source: opinion_source_dict, risk_opinion_level: risk_opinion_level_dict, risk_opinion_status: risk_opinion_status_dict } = toRefs<any>(
+  proxy?.useDict('opinion_source', 'risk_opinion_level', 'risk_opinion_status')
+);
+
+// 图表
+const trendChartRef = ref<HTMLElement>();
+let trendChart: echarts.ECharts | null = null;
+
+// 表单
+const formRef = ref<FormInstance>();
+const processFormRef = ref<FormInstance>();
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    opinionTitle: '',
+    source: '',
+    publishTime: '',
+    riskLevel: '',
+    responsiblePerson: '',
+    opinionLink: '',
+    opinionContent: '',
+    disposalSuggestion: '',
+    status: '待处理'
+  } as RiskPublicOpinionBo,
+  rules: {
+    opinionTitle: [{ required: true, message: '舆情标题不能为空', trigger: 'blur' }],
+    source: [{ required: true, message: '请选择舆情来源', trigger: 'change' }],
+    publishTime: [{ required: true, message: '请选择发布时间', trigger: 'change' }],
+    riskLevel: [{ required: true, message: '请选择风险等级', trigger: 'change' }],
+    opinionContent: [{ required: true, message: '请输入舆情内容', trigger: 'blur' }]
+  }
+});
+
+const { form, rules } = toRefs(data);
+
+const dialog = reactive({ visible: false });
+const processDialog = reactive({ visible: false });
+const processForm = reactive<any>({
+  id: undefined,
+  opinionTitle: '',
+  source: '',
+  riskLevel: '',
+  status: '处理中',
+  handleResult: ''
+});
+
+const processRules = {
+  status: [{ required: true, message: '请选择状态', trigger: 'change' }],
+  handleResult: [{ required: true, message: '请录入处理结果', trigger: 'blur' }]
+};
+
+// ============ 数据加载 ============
+const loadStats = async () => {
+  const res = await getPublicOpinionStats();
+  if (res.data) {
+    stats.value = res.data;
+  }
+};
+
+const loadTrend = async () => {
+  const res = await getPublicOpinionTrend();
+  trendList.value = res.data || [];
+  await nextTick();
+  renderTrendChart();
+};
+
+const loadMajorList = async () => {
+  loading.value = true;
+  try {
+    const res = await getMajorOpinionList();
+    majorList.value = res.data || [];
+  } finally {
+    loading.value = false;
+  }
+};
+
+const loadAll = async () => {
+  await Promise.all([loadStats(), loadTrend(), loadMajorList()]);
+};
+
+// ============ 图表渲染 ============
+const renderTrendChart = () => {
+  if (!trendChartRef.value) return;
+  if (!trendChart) {
+    trendChart = echarts.init(trendChartRef.value);
+  }
+  const dates = trendList.value.map((it) => it.date?.slice(5) || '');
+  const totalArr = trendList.value.map((it) => it.totalCount || 0);
+  const majorArr = trendList.value.map((it) => it.majorCount || 0);
+  const handledArr = trendList.value.map((it) => it.handledCount || 0);
+
+  trendChart.setOption({
+    tooltip: { trigger: 'axis' },
+    legend: {
+      data: ['总舆情', '重大舆情', '已处理'],
+      top: 0,
+      icon: 'circle'
+    },
+    grid: { left: 40, right: 30, top: 40, bottom: 30 },
+    xAxis: {
+      type: 'category',
+      data: dates,
+      boundaryGap: false,
+      axisLine: { lineStyle: { color: '#e0e0e0' } },
+      axisLabel: { color: '#666' }
+    },
+    yAxis: {
+      type: 'value',
+      minInterval: 1,
+      splitLine: { lineStyle: { type: 'dashed', color: '#eee' } },
+      axisLabel: { color: '#666' }
+    },
+    series: [
+      {
+        name: '总舆情',
+        type: 'line',
+        smooth: true,
+        symbol: 'circle',
+        symbolSize: 6,
+        data: totalArr,
+        itemStyle: { color: '#409EFF' },
+        lineStyle: { width: 2, color: '#409EFF' }
+      },
+      {
+        name: '重大舆情',
+        type: 'line',
+        smooth: true,
+        symbol: 'circle',
+        symbolSize: 6,
+        data: majorArr,
+        itemStyle: { color: '#F56C6C' },
+        lineStyle: { width: 2, color: '#F56C6C' }
+      },
+      {
+        name: '已处理',
+        type: 'line',
+        smooth: true,
+        symbol: 'circle',
+        symbolSize: 6,
+        data: handledArr,
+        itemStyle: { color: '#67C23A' },
+        lineStyle: { width: 2, color: '#67C23A' }
+      }
+    ]
+  });
+};
+
+const handleResize = () => {
+  trendChart?.resize();
+};
+
+// ============ 操作 ============
+const handleAdd = () => {
+  resetForm();
+  dialog.visible = true;
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    await addPublicOpinion(form.value);
+    proxy?.$modal.msgSuccess('新增成功');
+    dialog.visible = false;
+    await loadAll();
+  });
+};
+
+const cancelAdd = () => {
+  dialog.visible = false;
+  resetForm();
+};
+
+const closeAddDialog = () => {
+  dialog.visible = false;
+  resetForm();
+};
+
+const resetForm = () => {
+  form.value = {
+    id: undefined,
+    opinionTitle: '',
+    source: '',
+    publishTime: '',
+    riskLevel: '',
+    responsiblePerson: '',
+    opinionLink: '',
+    opinionContent: '',
+    disposalSuggestion: '',
+    status: '待处理'
+  } as RiskPublicOpinionBo;
+  formRef.value?.resetFields();
+};
+
+const handleProcess = (row: RiskPublicOpinionVo) => {
+  processForm.id = row.id;
+  processForm.opinionTitle = row.opinionTitle;
+  processForm.source = row.source;
+  processForm.riskLevel = row.riskLevel;
+  processForm.status = row.status && row.status !== '已处理' ? row.status : '处理中';
+  processForm.handleResult = row.handleResult || '';
+  processDialog.visible = true;
+};
+
+const submitProcessForm = () => {
+  processFormRef.value?.validate(async (valid: boolean) => {
+    if (!valid) return;
+    await handlePublicOpinion(processForm.id, { ...processForm });
+    proxy?.$modal.msgSuccess('处理成功');
+    processDialog.visible = false;
+    await loadAll();
+  });
+};
+
+// ============ 工具 ============
+const getRiskLevelTag = (level: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    重大: 'danger',
+    较大: 'warning',
+    一般: 'success',
+    高: 'danger',
+    中: 'warning',
+    低: 'success'
+  };
+  return map[level] || 'info';
+};
+
+const getStatusTag = (status: string): 'primary' | 'success' | 'warning' | 'info' | 'danger' => {
+  const map: Record<string, 'primary' | 'success' | 'warning' | 'info' | 'danger'> = {
+    待处理: 'danger',
+    处理中: 'warning',
+    已处理: 'success'
+  };
+  return map[status] || 'info';
+};
+
+// ============ 生命周期 ============
+onMounted(async () => {
+  await loadAll();
+  window.addEventListener('resize', handleResize);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', handleResize);
+  trendChart?.dispose();
+  trendChart = null;
+});
+</script>
+
+<style scoped lang="scss">
+.public-opinion-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.public-opinion-header {
+  margin-bottom: 16px;
+  .page-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: #303133;
+    margin: 0 0 4px 0;
+  }
+  .page-subtitle {
+    font-size: 13px;
+    color: #909399;
+  }
+}
+
+.mb-2 { margin-bottom: 16px; }
+
+.stat-card {
+  border-radius: 8px;
+  :deep(.el-card__body) { padding: 20px; }
+}
+.stat-card-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.stat-info { flex: 1; }
+.stat-title {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+  white-space: nowrap;
+}
+.stat-value {
+  font-size: 28px;
+  font-weight: 700;
+  color: #303133;
+  line-height: 1.2;
+  margin-bottom: 8px;
+}
+.stat-extra {
+  font-size: 12px;
+  color: #909399;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.stat-extra-up { color: #f56c6c; }
+.stat-extra-down { color: #67c23a; }
+.stat-extra-warning {
+  color: #e6a23c;
+  font-weight: 600;
+}
+.stat-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #fff;
+}
+.stat-icon-blue { background: #ecf5ff; color: #409EFF; }
+.stat-icon-red { background: #fef0f0; color: #F56C6C; }
+.stat-icon-green { background: #f0f9eb; color: #67C23A; }
+.stat-icon-orange { background: #fdf6ec; color: #E6A23C; }
+
+.section-title { font-size: 16px; font-weight: 600; color: #303133; }
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.trend-chart { width: 100%; height: 360px; }
+
+.readonly-text {
+  color: #606266;
+  font-size: 14px;
+}
+</style>

src/views/risk/specialEquipment/index.vue

@@ -0,0 +1,898 @@
+<template>
+  <div class="p-2 equipment-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">特种设备管理</h2>
+      <p class="page-desc">管理特种设备资产维护与相关信息，及时提醒相关人员注意防范</p>
+    </div>
+
+    <!-- 筛选 -->
+    <el-card shadow="hover" class="filter-card">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="110px">
+        <el-form-item label="设备名称">
+          <el-input
+            v-model="queryParams.equipmentName"
+            placeholder="请输入设备名称"
+            style="width: 200px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="设备类型">
+          <el-select v-model="queryParams.equipmentType" placeholder="全部类型" clearable style="width: 200px" @change="handleQuery">
+            <el-option label="全部类型" value="" />
+            <el-option
+              v-for="d in equipmentTypeOptions"
+              :key="d.value"
+              :label="d.label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="维护状态">
+          <el-select v-model="queryParams.inspectionStatus" placeholder="全部状态" clearable style="width: 200px" @change="handleQuery">
+            <el-option label="全部状态" value="" />
+            <el-option
+              v-for="d in maintenanceStatusOptions"
+              :key="d.value"
+              :label="d.label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="下次维护日期">
+          <el-date-picker
+            v-model="nextDateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="YYYY-MM-DD"
+            style="width: 280px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="resetQuery">重置</el-button>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录</span>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">新增特种设备</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="equipmentList" border stripe>
+        <el-table-column prop="equipmentCode" label="设备编号" align="center" width="120" />
+        <el-table-column prop="equipmentName" label="设备名称" align="center" :show-overflow-tooltip="true" min-width="160" />
+        <el-table-column label="设备类型" align="center" prop="equipmentType" width="120">
+          <template #default="{ row }">
+            {{ getDictLabel(equipmentTypeOptions, row.equipmentType) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="安装位置" align="center" prop="location" :show-overflow-tooltip="true" min-width="160" />
+        <el-table-column label="维护开始时间" align="center" width="170">
+          <template #default="{ row }">{{ formatMaintenanceTime(row, 'start') }}</template>
+        </el-table-column>
+        <el-table-column label="维护结束时间" align="center" width="170">
+          <template #default="{ row }">{{ formatMaintenanceTime(row, 'end') }}</template>
+        </el-table-column>
+        <el-table-column label="维护人员" align="center" prop="maintainerName" width="100" />
+        <el-table-column label="现场人员" align="center" prop="siteName" width="100" />
+        <el-table-column label="状态" align="center" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getStatusTag(row.maintenanceStatus)" effect="light" round>
+              {{ row.maintenanceStatus || '—' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="320" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleUpdate(row)">编辑</el-button>
+            <el-button link type="warning" @click="handleViewPhotos(row)">照片</el-button>
+            <el-button link type="success" @click="handleMaintain(row)">设备维护</el-button>
+            <el-button link type="info" @click="handleViewRecords(row)">维护记录</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 新增/编辑特种设备弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      :title="dialog.title"
+      width="720px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="设备编号" prop="equipmentCode">
+              <el-input v-model="form.equipmentCode" placeholder="请输入设备编号" maxlength="50" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备名称" prop="equipmentName">
+              <el-input v-model="form.equipmentName" placeholder="请输入设备名称" maxlength="100" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="设备类型" prop="equipmentType">
+              <el-select v-model="form.equipmentType" placeholder="请选择设备类型" style="width: 100%">
+                <el-option
+                  v-for="d in equipmentTypeOptions"
+                  :key="d.value"
+                  :label="d.label"
+                  :value="d.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="安装位置" prop="location">
+              <el-input v-model="form.location" placeholder="请输入安装位置" maxlength="200" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="设备照片">
+          <div class="upload-row">
+            <el-button type="primary" plain @click="triggerEquipmentUpload">选择文件</el-button>
+            <span class="upload-tip">{{ equipmentPhotoList.length > 0 ? `已选择 ${equipmentPhotoList.length} 个文件` : '未选择任何文件' }}</span>
+            <el-button v-if="equipmentPhotoList.length > 0" link type="danger" style="margin-left: 8px" @click="clearEquipmentPhotos">清空</el-button>
+          </div>
+          <input
+            ref="equipmentPhotoInputRef"
+            type="file"
+            multiple
+            accept=".jpg,.jpeg,.png"
+            style="display: none"
+            @change="onEquipmentPhotoInputChange"
+          />
+          <div v-if="equipmentPhotoPreview.length > 0" class="photo-preview-list">
+            <div v-for="(url, idx) in equipmentPhotoPreview" :key="idx" class="photo-thumb">
+              <el-image :src="url" :preview-src-list="equipmentPhotoPreview" :initial-index="idx" fit="cover" />
+              <el-icon class="photo-remove" @click="removeEquipmentPhoto(idx)"><CircleCloseFilled /></el-icon>
+            </div>
+          </div>
+          <div class="el-upload__tip">支持 JPG、PNG 格式，最多上传 5 张</div>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">添加设备</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 设备维护弹窗 -->
+    <el-dialog
+      v-model="maintainDialog.visible"
+      :title="maintainDialog.title"
+      width="640px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeMaintainDialog"
+    >
+      <el-form ref="maintainFormRef" :model="maintainForm" :rules="maintainRules" label-width="100px">
+        <el-form-item label="设备名称">
+          <el-input v-model="maintainForm.equipmentName" disabled />
+        </el-form-item>
+        <el-form-item label="设备编号">
+          <el-input v-model="maintainForm.equipmentCode" disabled />
+        </el-form-item>
+        <el-form-item label="维护状态" prop="maintenanceStatus">
+          <el-select v-model="maintainForm.maintenanceStatus" placeholder="请选择维护状态" style="width: 100%">
+            <el-option label="待维护" value="待维护" />
+            <el-option label="维护中" value="维护中" />
+            <el-option label="已维护" value="已维护" />
+          </el-select>
+        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开始时间" prop="planStartTime">
+              <el-date-picker
+                v-model="maintainForm.planStartTime"
+                type="datetime"
+                placeholder="请选择维护开始时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="结束时间" prop="planEndTime">
+              <el-date-picker
+                v-model="maintainForm.planEndTime"
+                type="datetime"
+                placeholder="只能选择开始时间之后"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                :disabled-date="(time) => disabledEndDate(time, maintainForm.planStartTime)"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="维护人员" prop="maintainerName">
+              <el-input v-model="maintainForm.maintainerName" placeholder="请选择维护人员" maxlength="50" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="现场人员" prop="siteName">
+              <el-input v-model="maintainForm.siteName" placeholder="请选择现场人员" maxlength="50" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="维护内容">
+          <el-input
+            v-model="maintainForm.maintenanceContent"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入维护内容"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="maintainDialog.visible = false">取消</el-button>
+          <el-button type="primary" @click="submitMaintainForm">保存</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 维护记录弹窗 -->
+    <el-dialog v-model="recordDialog.visible" title="设备维护记录" width="900px" append-to-body>
+      <div class="record-header">
+        <span class="record-title">{{ recordEquipmentName }} - 维护记录</span>
+        <el-button type="primary" :icon="Plus" @click="handleAddRecord">新增维护记录</el-button>
+      </div>
+      <div v-loading="recordLoading" class="record-photos" v-if="recordList.length > 0">
+        <div v-for="r in recordList" :key="r.id" class="record-card">
+          <div class="record-card-header">
+            <el-tag :type="getStatusTag(r.maintenanceStatus)" effect="light" round>
+              {{ r.maintenanceStatus }}
+            </el-tag>
+            <span class="record-name">{{ r.maintainerName || '—' }} / {{ r.siteName || '—' }}</span>
+          </div>
+          <div class="record-time">
+            <span v-if="r.maintenanceStatus === '已维护'">
+              实际：{{ formatDateTime(r.actualStartTime) }} ~ {{ formatDateTime(r.actualEndTime) }}
+            </span>
+            <span v-else-if="r.maintenanceStatus === '维护中'">
+              预计：{{ formatDateTime(r.planStartTime) }} ~ {{ formatDateTime(r.planEndTime) }}
+            </span>
+            <span v-else>
+              预计：{{ formatDateTime(r.planStartTime) }} ~ {{ formatDateTime(r.planEndTime) }}
+            </span>
+          </div>
+          <div v-if="r.photoList && parsePhotoList(r.photoList).length > 0" class="record-photo-list">
+            <el-image
+              v-for="(p, idx) in parsePhotoList(r.photoList)"
+              :key="idx"
+              :src="p"
+              :preview-src-list="parsePhotoList(r.photoList)"
+              :initial-index="idx"
+              fit="cover"
+              class="record-photo"
+            />
+          </div>
+          <div v-else class="record-no-photo">暂无维护照片</div>
+        </div>
+      </div>
+      <div v-else-if="!recordLoading" class="empty-tip">暂无维护记录</div>
+      <template #footer>
+        <el-button @click="recordDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 设备照片弹窗 -->
+    <el-dialog v-model="photoDialog.visible" title="设备照片" width="700px" append-to-body>
+      <div v-if="photoDialog.list.length > 0" class="photo-list">
+        <el-image
+          v-for="(img, idx) in photoDialog.list"
+          :key="idx"
+          :src="img"
+          :preview-src-list="photoDialog.list"
+          :initial-index="idx"
+          fit="cover"
+          class="photo-thumb-lg"
+        />
+      </div>
+      <div v-else class="empty-tip">暂无照片</div>
+      <template #footer>
+        <el-button @click="photoDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="SpecialEquipment" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import {
+  listSpecialEquipment,
+  getSpecialEquipment,
+  addSpecialEquipment,
+  updateSpecialEquipment
+} from '@/api/risk/specialEquipment';
+import {
+  listEquipmentMaintenance,
+  addEquipmentMaintenance
+} from '@/api/risk/equipmentMaintenance';
+import { uploadFile } from '@/api/risk/file';
+import { getDicts } from '@/api/system/dict/data';
+import type { DictDataVO } from '@/api/system/dict/data/types';
+import type {
+  RiskSpecialEquipmentBo,
+  RiskSpecialEquipmentVo,
+  RiskEquipmentMaintenanceVo
+} from '@/api/risk/types';
+import { ElMessage, FormInstance } from 'element-plus';
+import { Plus, CircleCloseFilled } from '@element-plus/icons-vue';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const equipmentList = ref<RiskSpecialEquipmentVo[]>([]);
+const loading = ref(true);
+const total = ref(0);
+const equipmentTypeOptions = ref<Array<{ label: string; value: string }>>([]);
+const maintenanceStatusOptions = ref<Array<{ label: string; value: string }>>([]);
+const nextDateRange = ref<string[]>([]);
+
+const equipmentPhotoList = ref<any[]>([]);
+const equipmentPhotoPreview = ref<string[]>([]);
+const equipmentPhotoInputRef = ref<HTMLInputElement>();
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+const maintainFormRef = ref<FormInstance>();
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    equipmentCode: '',
+    equipmentName: '',
+    equipmentType: '',
+    location: '',
+    photoList: []
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    equipmentName: '',
+    equipmentType: '',
+    inspectionStatus: '',
+    nextInspectionDate: '',
+    params: {}
+  },
+  rules: {
+    equipmentCode: [{ required: true, message: '设备编号不能为空', trigger: 'blur' }],
+    equipmentName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
+    equipmentType: [{ required: true, message: '请选择设备类型', trigger: 'change' }],
+    location: [{ required: true, message: '请输入安装位置', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive({
+  visible: false,
+  title: '新增特种设备'
+});
+
+const maintainDialog = reactive({
+  visible: false,
+  title: '设备维护'
+});
+
+const recordDialog = reactive({
+  visible: false
+});
+
+const photoDialog = reactive<{ visible: boolean; list: string[] }>({
+  visible: false,
+  list: []
+});
+
+const maintainForm = reactive<any>({
+  id: undefined,
+  equipmentId: undefined,
+  equipmentName: '',
+  equipmentCode: '',
+  maintenanceStatus: '待维护',
+  planStartTime: '',
+  planEndTime: '',
+  actualStartTime: '',
+  actualEndTime: '',
+  maintainerName: '',
+  siteName: '',
+  maintenanceContent: ''
+});
+
+const maintainRules = {
+  maintenanceStatus: [{ required: true, message: '请选择维护状态', trigger: 'change' }],
+  planStartTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
+  planEndTime: [
+    { required: true, message: '请选择结束时间', trigger: 'change' },
+    {
+      validator: (_rule: any, value: any, callback: any) => {
+        if (value && maintainForm.planStartTime && value <= maintainForm.planStartTime) {
+          callback(new Error('结束时间必须晚于开始时间'));
+        } else {
+          callback();
+        }
+      },
+      trigger: 'change'
+    }
+  ],
+  maintainerName: [{ required: true, message: '请选择维护人员', trigger: 'blur' }],
+  siteName: [{ required: true, message: '请选择现场人员', trigger: 'blur' }]
+};
+
+const recordList = ref<RiskEquipmentMaintenanceVo[]>([]);
+const recordLoading = ref(false);
+const recordEquipmentName = ref('');
+
+const mapDictData = (list: DictDataVO[]) => {
+  return (list || [])
+    .filter((d) => d.status === '0' || d.status === undefined)
+    .sort((a, b) => (a.dictSort || 0) - (b.dictSort || 0))
+    .map((d) => ({ label: d.dictLabel, value: d.dictValue }));
+};
+
+const loadDicts = async () => {
+  try {
+    const [eqType, mStatus] = await Promise.all([
+      getDicts('equipment_type'),
+      getDicts('maintenance_status')
+    ]);
+    equipmentTypeOptions.value = mapDictData(eqType.data || []);
+    maintenanceStatusOptions.value = mapDictData(mStatus.data || []);
+  } catch (e) {
+    console.error('加载字典失败', e);
+  }
+};
+
+const getDictLabel = (opts: Array<{ label: string; value: string }>, val: string) => {
+  if (!val) return '';
+  const found = opts.find((o) => o.value === val);
+  return found?.label || val;
+};
+
+const parsePhotoList = (val: any): string[] => {
+  if (!val) return [];
+  if (Array.isArray(val)) return val;
+  try {
+    const arr = JSON.parse(val);
+    return Array.isArray(arr) ? arr : [];
+  } catch (e) {
+    return [];
+  }
+};
+
+const getStatusTag = (status: string): any => {
+  const map: Record<string, string> = {
+    待维护: 'warning',
+    维护中: 'primary',
+    已维护: 'success'
+  };
+  return map[status] || 'info';
+};
+
+const formatDateTime = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+};
+
+const formatMaintenanceTime = (row: any, type: 'start' | 'end') => {
+  if (row.maintenanceStatus === '已维护') {
+    return formatDateTime(type === 'start' ? row.actualStartTime : row.actualEndTime);
+  }
+  return formatDateTime(type === 'start' ? row.planStartTime : row.planEndTime);
+};
+
+const disabledEndDate = (time: Date, startTime: string) => {
+  if (!startTime) return false;
+  return time.getTime() < new Date(startTime).getTime();
+};
+
+const getList = async () => {
+  loading.value = true;
+  if (nextDateRange.value && nextDateRange.value.length === 2) {
+    queryParams.value.params = {
+      beginNextInspectionDate: nextDateRange.value[0],
+      endNextInspectionDate: nextDateRange.value[1]
+    };
+  } else {
+    queryParams.value.params = {};
+  }
+  const res = await listSpecialEquipment(queryParams.value as any);
+  loading.value = false;
+  equipmentList.value = res.rows || [];
+  total.value = res.total || 0;
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  nextDateRange.value = [];
+  queryParams.value.equipmentName = '';
+  queryParams.value.equipmentType = '';
+  queryParams.value.inspectionStatus = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增特种设备';
+};
+
+const handleUpdate = async (row: RiskSpecialEquipmentVo) => {
+  reset();
+  const res = await getSpecialEquipment(row.id);
+  Object.assign(form.value, res.data);
+  const photos = parsePhotoList(form.value.photoList);
+  equipmentPhotoPreview.value = [...photos];
+  equipmentPhotoList.value = [];
+  dialog.visible = true;
+  dialog.title = '编辑特种设备';
+};
+
+const handleViewPhotos = async (row: RiskSpecialEquipmentVo) => {
+  const res = await getSpecialEquipment(row.id);
+  photoDialog.list = parsePhotoList((res.data as any)?.photoList);
+  photoDialog.visible = true;
+};
+
+const triggerEquipmentUpload = () => {
+  equipmentPhotoInputRef.value?.click();
+};
+
+const onEquipmentPhotoInputChange = async (e: Event) => {
+  const input = e.target as HTMLInputElement;
+  const files = Array.from(input.files || []);
+  if (files.length === 0) return;
+  const remaining = 5 - equipmentPhotoPreview.value.length;
+  if (remaining <= 0) {
+    ElMessage.warning('最多只能上传 5 张照片');
+    input.value = '';
+    return;
+  }
+  const accept = files.slice(0, remaining);
+  for (const file of accept) {
+    if (!['image/jpeg', 'image/png', 'image/jpg'].includes(file.type)) {
+      ElMessage.error(`文件 ${file.name} 格式不支持,仅允许 JPG/PNG`);
+      continue;
+    }
+    if (file.size / 1024 / 1024 >= 10) {
+      ElMessage.error(`文件 ${file.name} 超过 10MB`);
+      continue;
+    }
+    await uploadEquipmentPhoto(file);
+  }
+  input.value = '';
+};
+
+const uploadEquipmentPhoto = async (file: File) => {
+  try {
+    const res: any = await uploadFile(file);
+    const url: string | undefined = res?.url || res?.data?.url;
+    if (url) {
+      equipmentPhotoPreview.value.push(url);
+      ElMessage.success(`${file.name} 上传成功`);
+    } else {
+      ElMessage.error(`${file.name} 上传失败`);
+    }
+  } catch (e: any) {
+    ElMessage.error(`${file.name} 上传失败: ${e?.message || '网络异常'}`);
+  }
+};
+
+const removeEquipmentPhoto = (idx: number) => {
+  equipmentPhotoPreview.value.splice(idx, 1);
+};
+
+const clearEquipmentPhotos = () => {
+  equipmentPhotoPreview.value = [];
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      form.value.photoList = JSON.stringify(equipmentPhotoPreview.value);
+      if (form.value.id) {
+        await updateSpecialEquipment(form.value as RiskSpecialEquipmentBo);
+        proxy?.$modal.msgSuccess('修改成功');
+      } else {
+        await addSpecialEquipment(form.value as RiskSpecialEquipmentBo);
+        proxy?.$modal.msgSuccess('新增成功');
+      }
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    equipmentCode: '',
+    equipmentName: '',
+    equipmentType: '',
+    location: '',
+    photoList: []
+  } as any;
+  equipmentPhotoPreview.value = [];
+  equipmentPhotoList.value = [];
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const handleMaintain = (row: RiskSpecialEquipmentVo) => {
+  maintainForm.id = undefined;
+  maintainForm.equipmentId = row.id;
+  maintainForm.equipmentName = row.equipmentName;
+  maintainForm.equipmentCode = row.equipmentCode;
+  maintainForm.maintenanceStatus = '待维护';
+  maintainForm.planStartTime = '';
+  maintainForm.planEndTime = '';
+  maintainForm.actualStartTime = '';
+  maintainForm.actualEndTime = '';
+  maintainForm.maintainerName = '';
+  maintainForm.siteName = '';
+  maintainForm.maintenanceContent = '';
+  maintainDialog.visible = true;
+};
+
+const submitMaintainForm = () => {
+  maintainFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      const submit = { ...maintainForm };
+      if (submit.maintenanceStatus === '已维护' && !submit.actualStartTime) {
+        submit.actualStartTime = submit.planStartTime;
+        submit.actualEndTime = submit.planEndTime;
+      }
+      await addEquipmentMaintenance(submit);
+      proxy?.$modal.msgSuccess('维护记录已保存');
+      maintainDialog.visible = false;
+    }
+  });
+};
+
+const closeMaintainDialog = () => {
+  maintainDialog.visible = false;
+  maintainFormRef.value?.resetFields();
+};
+
+const handleViewRecords = async (row: RiskSpecialEquipmentVo) => {
+  recordEquipmentName.value = row.equipmentName;
+  recordDialog.visible = true;
+  await loadRecordList(row.id);
+};
+
+const loadRecordList = async (equipmentId: string | number) => {
+  recordLoading.value = true;
+  try {
+    const res = await listEquipmentMaintenance({ equipmentId } as any);
+    recordList.value = res.rows || [];
+  } catch (e) {
+    recordList.value = [];
+  }
+  recordLoading.value = false;
+};
+
+const handleAddRecord = () => {
+  if (recordList.value.length > 0) {
+    const last = recordList.value[0];
+    maintainForm.id = undefined;
+    maintainForm.equipmentId = last.equipmentId;
+    maintainForm.equipmentName = last.equipmentName;
+    maintainForm.equipmentCode = last.equipmentCode;
+    maintainForm.maintenanceStatus = '待维护';
+    maintainForm.planStartTime = '';
+    maintainForm.planEndTime = '';
+    maintainForm.actualStartTime = '';
+    maintainForm.actualEndTime = '';
+    maintainForm.maintainerName = '';
+    maintainForm.siteName = '';
+    maintainForm.maintenanceContent = '';
+    maintainDialog.visible = true;
+  }
+};
+
+onMounted(async () => {
+  await loadDicts();
+  await getList();
+});
+</script>
+
+<style scoped>
+  equipment-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+.filter-card {
+  margin-bottom: 12px;
+}
+.list-card {
+  margin-bottom: 16px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+
+.upload-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.upload-tip {
+  font-size: 13px;
+  color: #606266;
+}
+.photo-preview-list {
+  margin-top: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.photo-thumb {
+  position: relative;
+  width: 100px;
+  height: 80px;
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid #ebeef5;
+}
+.photo-thumb :deep(.el-image) {
+  width: 100%;
+  height: 100%;
+}
+.photo-remove {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  background: rgba(0, 0, 0, 0.55);
+  color: #fff;
+  border-radius: 50%;
+  cursor: pointer;
+  font-size: 16px;
+}
+.el-upload__tip {
+  font-size: 12px;
+  color: #909399;
+  line-height: 1.5;
+  margin-top: 4px;
+}
+
+.record-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.record-title {
+  font-size: 14px;
+  color: #303133;
+}
+.record-photos {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+.record-card {
+  padding: 12px;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  margin-bottom: 12px;
+  background: #fafbfc;
+}
+.record-card-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 6px;
+}
+.record-name {
+  font-size: 13px;
+  color: #606266;
+}
+.record-time {
+  font-size: 13px;
+  color: #909399;
+  margin-bottom: 8px;
+}
+.record-photo-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.record-photo {
+  width: 90px;
+  height: 70px;
+  border-radius: 4px;
+}
+.record-no-photo {
+  font-size: 12px;
+  color: #c0c4cc;
+}
+
+.empty-tip {
+  text-align: center;
+  color: #bfbfbf;
+  padding: 24px;
+  font-size: 13px;
+}
+
+.photo-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.photo-thumb-lg {
+  width: 140px;
+  height: 110px;
+  border-radius: 4px;
+}
+</style>

src/views/risk/warning/index.vue

@@ -0,0 +1,488 @@
+<template>
+  <div class="p-2 warning-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">风险警示管理</h2>
+      <p class="page-desc">发布各类安全风险警示信息，及时提醒相关人员注意防范</p>
+    </div>
+
+    <!-- 筛选 -->
+    <el-card shadow="hover" class="filter-card">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+        <el-form-item label="警示类型">
+          <el-select
+            v-model="queryParams.warningType"
+            placeholder="全部类型"
+            clearable
+            style="width: 200px"
+            @change="handleQuery"
+          >
+            <el-option label="全部类型" value="" />
+            <el-option
+              v-for="d in warningTypeOptions"
+              :key="d.value"
+              :label="d.label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="警示等级">
+          <el-select
+            v-model="queryParams.warningLevel"
+            placeholder="全部等级"
+            clearable
+            style="width: 200px"
+            @change="handleQuery"
+          >
+            <el-option label="全部等级" value="" />
+            <el-option
+              v-for="d in warningLevelOptions"
+              :key="d.value"
+              :label="getWarningLevelDisplay(d.value).label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="发布时间">
+          <el-date-picker
+            v-model="dateRange"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            format="YYYY-MM-DD HH:mm"
+            style="width: 360px"
+          />
+        </el-form-item>
+        <el-form-item label="关键词">
+          <el-input
+            v-model="queryParams.keyword"
+            placeholder="搜索警示内容..."
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="resetQuery">重置</el-button>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条警示信息</span>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">发布警示</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="warningList" border stripe>
+        <el-table-column prop="warningTitle" label="警示标题" align="center" :show-overflow-tooltip="true" min-width="220" />
+        <el-table-column label="警示类型" align="center" prop="warningType" width="130">
+          <template #default="{ row }">{{ getDictLabel(warningTypeOptions, row.warningType) }}</template>
+        </el-table-column>
+        <el-table-column label="警示等级" align="center" width="120">
+          <template #default="{ row }">
+            <el-tag :type="getWarningLevelTag(row.warningLevel)" effect="light" round>
+              {{ getWarningLevelDisplay(row.warningLevel).label }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="发布时间" align="center" prop="releaseTime" width="170">
+          <template #default="{ row }">{{ formatDateTime(row.releaseTime) }}</template>
+        </el-table-column>
+        <el-table-column label="发布人" align="center" prop="releaserName" width="100" />
+        <el-table-column label="操作" align="center" width="180" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="handleView(row)">详情</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 发布警示弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      title="发布风险警示"
+      width="720px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="警示标题" prop="warningTitle">
+          <el-input
+            v-model="form.warningTitle"
+            placeholder="请输入警示标题"
+            maxlength="50"
+            minlength="2"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="警示类型" prop="warningType">
+          <el-radio-group v-model="form.warningType">
+            <el-radio
+              v-for="d in warningTypeOptions"
+              :key="d.value"
+              :value="d.value"
+            >{{ d.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item label="警示等级" prop="warningLevel">
+          <el-select v-model="form.warningLevel" placeholder="请选择警示等级" style="width: 100%">
+            <el-option
+              v-for="d in warningLevelOptions"
+              :key="d.value"
+              :label="getWarningLevelDisplay(d.value).label"
+              :value="d.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="警示内容" prop="warningContent">
+          <el-input
+            v-model="form.warningContent"
+            type="textarea"
+            :rows="5"
+            placeholder="请输入详细的警示内容和防范措施"
+            maxlength="1000"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <el-form-item label="生效时间" prop="releaseTime">
+          <el-date-picker
+            v-model="form.releaseTime"
+            type="datetime"
+            placeholder="请选择生效时间"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            format="YYYY-MM-DD HH:mm"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">确认发布</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <el-dialog v-model="viewDialog.visible" title="警示详情" width="640px" append-to-body>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="警示标题">{{ viewForm.warningTitle }}</el-descriptions-item>
+        <el-descriptions-item label="警示类型">{{ getDictLabel(warningTypeOptions, viewForm.warningType) }}</el-descriptions-item>
+        <el-descriptions-item label="警示等级">
+          <el-tag :type="getWarningLevelTag(viewForm.warningLevel)">
+            {{ getWarningLevelDisplay(viewForm.warningLevel).label }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="发布人">{{ viewForm.releaserName }}</el-descriptions-item>
+        <el-descriptions-item label="发布时间">{{ formatDateTime(viewForm.releaseTime) }}</el-descriptions-item>
+        <el-descriptions-item label="警示内容">
+          <div class="multi-line">{{ viewForm.warningContent || '—' }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item label="备注">{{ viewForm.remark || '—' }}</el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <el-button @click="viewDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Warning" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import { useUserStore } from '@/store/modules/user';
+import { listWarning, getWarning, addWarning, delWarning } from '@/api/risk/warning';
+import { getDicts } from '@/api/system/dict/data';
+import type { DictDataVO } from '@/api/system/dict/data/types';
+import type { RiskWarningBo, RiskWarningVo } from '@/api/risk/types';
+import { ElMessage, FormInstance } from 'element-plus';
+import { Plus } from '@element-plus/icons-vue';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const userStore = useUserStore();
+
+const warningList = ref<RiskWarningVo[]>([]);
+const loading = ref(true);
+const total = ref(0);
+const dateRange = ref<string[]>([]);
+const warningTypeOptions = ref<Array<{ label: string; value: string }>>([]);
+const warningLevelOptions = ref<Array<{ label: string; value: string }>>([]);
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+
+/**
+ * 等级字典值 → 需求显示文字 + el-tag 颜色
+ * 字典值 urgent / important / normal
+ * 需求显示：重大风险(red) / 较大风险(yellow) / 一般风险(blue)
+ */
+const LEVEL_DISPLAY: Record<string, { label: string; tag: 'danger' | 'warning' | 'primary' }> = {
+  urgent: { label: '重大风险', tag: 'danger' },
+  important: { label: '较大风险', tag: 'warning' },
+  normal: { label: '一般风险', tag: 'primary' }
+};
+
+const getWarningLevelDisplay = (val: string) => {
+  return LEVEL_DISPLAY[val] || { label: val || '-', tag: 'info' };
+};
+
+const getWarningLevelTag = (val: string): any => {
+  return LEVEL_DISPLAY[val]?.tag || 'info';
+};
+
+const getDictLabel = (opts: Array<{ label: string; value: string }>, val: string) => {
+  if (!val) return '';
+  const found = opts.find((o) => o.value === val);
+  return found?.label || val;
+};
+
+const mapDictData = (list: DictDataVO[]) => {
+  return (list || [])
+    .filter((d) => d.status === '0' || d.status === undefined)
+    .sort((a, b) => (a.dictSort || 0) - (b.dictSort || 0))
+    .map((d) => ({ label: d.dictLabel, value: d.dictValue }));
+};
+
+const loadDicts = async () => {
+  try {
+    const [typeRes, levelRes] = await Promise.all([
+      getDicts('risk_warning_type'),
+      getDicts('risk_warning_level')
+    ]);
+    warningTypeOptions.value = mapDictData(typeRes.data || []);
+    warningLevelOptions.value = mapDictData(levelRes.data || []);
+  } catch (e) {
+    console.error('加载风险警示字典失败', e);
+  }
+};
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    warningCode: '',
+    warningTitle: '',
+    warningType: '',
+    warningLevel: '',
+    warningSource: '',
+    warningContent: '',
+    releaseTime: '',
+    expireTime: '',
+    releaserName: '',
+    publishScope: '全员',
+    status: '已发布'
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    warningType: '',
+    warningLevel: '',
+    keyword: '',
+    params: {}
+  },
+  rules: {
+    warningTitle: [
+      { required: true, message: '请输入警示标题', trigger: 'blur' },
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (!value) {
+            callback(new Error('请输入警示标题'));
+          } else if (value.length < 2 || value.length > 50) {
+            callback(new Error('警示标题长度需在 2-50 个字符'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'blur'
+      }
+    ],
+    warningType: [{ required: true, message: '请选择警示类型', trigger: 'change' }],
+    warningLevel: [{ required: true, message: '请选择警示等级', trigger: 'change' }],
+    warningContent: [{ required: true, message: '请输入警示内容', trigger: 'blur' }],
+    releaseTime: [{ required: true, message: '请选择生效时间', trigger: 'change' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const dialog = reactive({
+  visible: false,
+  title: '发布风险警示'
+});
+
+const viewDialog = reactive({
+  visible: false
+});
+
+const viewForm = ref<any>({});
+
+const getList = async () => {
+  loading.value = true;
+  if (dateRange.value && dateRange.value.length === 2) {
+    queryParams.value.params = {
+      beginReleaseTime: dateRange.value[0],
+      endReleaseTime: dateRange.value[1]
+    };
+  } else {
+    queryParams.value.params = {};
+  }
+  const res = await listWarning(queryParams.value);
+  loading.value = false;
+  warningList.value = res.rows || [];
+  total.value = res.total || 0;
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  dateRange.value = [];
+  queryParams.value.warningType = '';
+  queryParams.value.warningLevel = '';
+  queryParams.value.keyword = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '发布风险警示';
+};
+
+const handleView = async (row: RiskWarningVo) => {
+  const res = await getWarning(row.id);
+  viewForm.value = res.data;
+  viewDialog.visible = true;
+};
+
+const handleDelete = async (row: RiskWarningVo) => {
+  try {
+    await proxy?.$modal.confirm(`是否确认删除警示 "${row.warningTitle}"?`);
+    await delWarning(row.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await getList();
+  } catch (e) {
+    // 取消
+  }
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      // 自动填充发布人
+      form.value.releaserName = form.value.releaserName || userStore.nickname || 'admin';
+      form.value.publishScope = '全员';
+      await addWarning(form.value as RiskWarningBo);
+      proxy?.$modal.msgSuccess('发布成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    warningCode: '',
+    warningTitle: '',
+    warningType: '',
+    warningLevel: '',
+    warningSource: '',
+    warningContent: '',
+    releaseTime: '',
+    expireTime: '',
+    releaserName: '',
+    publishScope: '全员',
+    status: '已发布'
+  } as any;
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const formatDateTime = (val: any): string => {
+  if (!val) return '';
+  const d = new Date(val);
+  if (isNaN(d.getTime())) return String(val);
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+};
+
+onMounted(async () => {
+  await loadDicts();
+  await getList();
+});
+</script>
+
+<style scoped>
+  warning-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+.filter-card {
+  margin-bottom: 12px;
+}
+.list-card {
+  margin-bottom: 12px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+.multi-line {
+  white-space: pre-wrap;
+  word-break: break-all;
+  line-height: 1.6;
+}
+</style>

src/views/risk/workReport/index.vue

@@ -0,0 +1,923 @@
+<template>
+  <div class="p-2 work-report-page">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">作业上报</h2>
+      <p class="page-desc">管理施工作业上报信息</p>
+    </div>
+
+    <!-- 筛选区域 -->
+    <el-card shadow="hover" class="filter-card">
+      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80">
+        <el-form-item label="作业类型" prop="workType">
+          <el-select v-model="queryParams.workType" placeholder="全部类型" style="width: 200px" @change="handleQuery">
+            <el-option label="全部类型" value="" />
+            <el-option label="临时施工上报" value="临时施工上报" />
+            <el-option label="改造工程上报" value="改造工程上报" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目名称" prop="workTitle">
+          <el-input
+            v-model="queryParams.workTitle"
+            placeholder="请输入项目名称"
+            style="width: 220px"
+            clearable
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="状态" prop="auditStatus">
+          <el-select v-model="queryParams.auditStatus" placeholder="全部状态" style="width: 200px" @change="handleQuery">
+            <el-option label="全部状态" value="" />
+            <el-option label="审核通过" value="1" />
+            <el-option label="待审核" value="0" />
+            <el-option label="审核不通过" value="2" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+          <el-button @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 列表区域 -->
+    <el-card shadow="hover" class="list-card">
+      <div class="list-toolbar">
+        <span class="list-total">共 {{ total }} 条记录，当前 1 页</span>
+        <el-button type="primary" :icon="Plus" @click="handleAdd">新增上报</el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="workReportList" border stripe>
+        <el-table-column type="index" label="序号" align="center" width="60" />
+        <el-table-column label="作业类型" align="center" prop="workType" width="140">
+          <template #default="scope">
+            <el-link :underline="false" type="primary">{{ scope.row.workType }}</el-link>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="项目名称"
+          align="center"
+          prop="workTitle"
+          :show-overflow-tooltip="true"
+          min-width="180"
+        />
+        <el-table-column
+          label="施工开始时间"
+          align="center"
+          prop="workStartTime"
+          width="170"
+        />
+        <el-table-column
+          label="施工结束时间"
+          align="center"
+          prop="workEndTime"
+          width="170"
+        />
+        <el-table-column
+          label="现场安全员"
+          align="center"
+          prop="reporterName"
+          width="120"
+        />
+        <el-table-column label="状态" align="center" prop="auditStatus" width="110">
+          <template #default="scope">
+            <el-tag :type="getAuditStatusTag(scope.row.auditStatus)">
+              {{ getAuditStatusLabel(scope.row.auditStatus) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="220" fixed="right">
+          <template #default="scope">
+            <el-button link type="primary" @click="handleView(scope.row)">查看详情</el-button>
+            <el-button
+              v-if="scope.row.auditStatus === '0' || scope.row.auditStatus === '待审核'"
+              link
+              type="primary"
+              @click="handleAudit(scope.row)"
+            >审核</el-button>
+            <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :total="total"
+        @pagination="getList"
+      />
+    </el-card>
+
+    <!-- 新增/编辑弹窗 -->
+    <el-dialog
+      v-model="dialog.visible"
+      :title="dialog.title"
+      width="780px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeDialog"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="作业类型" prop="workType">
+              <el-select v-model="form.workType" placeholder="请选择作业类型" style="width: 100%">
+                <el-option label="临时施工上报" value="临时施工上报" />
+                <el-option label="改造工程上报" value="改造工程上报" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目名称" prop="workTitle">
+              <el-input v-model="form.workTitle" placeholder="请输入项目名称" maxlength="200" show-word-limit />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="施工开始时间" prop="workStartTime">
+              <el-date-picker
+                v-model="form.workStartTime"
+                type="datetime"
+                placeholder="请选择施工开始时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="施工结束时间" prop="workEndTime">
+              <el-date-picker
+                v-model="form.workEndTime"
+                type="datetime"
+                placeholder="请选择施工结束时间"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="现场安全员" prop="reporterName">
+              <el-input v-model="form.reporterName" placeholder="请输入现场安全员姓名" maxlength="50" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话" prop="contactPhone">
+              <el-input v-model="form.contactPhone" placeholder="请输入联系电话" maxlength="20" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 现场施工图片 -->
+        <el-form-item label="现场施工图片">
+          <el-upload
+            v-model:file-list="photoFileList"
+            :http-request="customUpload"
+            :limit="5"
+            :accept="'.jpg,.png,.jpeg'"
+            :before-upload="beforePhotoUpload"
+            :on-success="handlePhotoSuccess"
+            :on-error="handleUploadError"
+            :on-exceed="handlePhotoExceed"
+            :on-remove="handlePhotoRemove"
+          >
+            <template #trigger>
+              <div class="upload-trigger-area">
+                <div class="upload-action-row">
+                  <el-button type="primary" plain>选择文件</el-button>
+                  <span class="upload-placeholder">{{ photoFileList.length > 0 ? `已选择 ${photoFileList.length} 个文件` : '未选择任何文件' }}</span>
+                </div>
+                <div class="upload-tip-box">
+                  <div class="upload-tip-icon">
+                    <el-icon><UploadFilled /></el-icon>
+                  </div>
+                  <div class="upload-tip-text">点击上传现场施工图片</div>
+                  <div class="upload-tip-desc">支持JPG、PNG格式，单张不超过5MB，最多5张</div>
+                </div>
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>
+
+        <!-- 施工证件 -->
+        <el-form-item label="施工证件">
+          <el-upload
+            v-model:file-list="certFileList"
+            :http-request="customUpload"
+            :limit="1"
+            :accept="'.pdf,.jpg,.png,.jpeg'"
+            :before-upload="beforeCertUpload"
+            :on-success="handleCertSuccess"
+            :on-error="handleUploadError"
+            :on-exceed="handleCertExceed"
+            :on-remove="handleCertRemove"
+          >
+            <template #trigger>
+              <div class="upload-trigger-area">
+                <div class="upload-action-row">
+                  <el-button type="primary" plain>选择文件</el-button>
+                  <span class="upload-placeholder">{{ certFileList.length > 0 ? '已选择 1 个文件' : '未选择任何文件' }}</span>
+                </div>
+                <div class="upload-tip-box">
+                  <div class="upload-tip-icon">
+                    <el-icon><Document /></el-icon>
+                  </div>
+                  <div class="upload-tip-text">点击上传施工证件</div>
+                  <div class="upload-tip-desc">支持PDF、JPG、PNG格式，单个不超过10MB</div>
+                </div>
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="施工说明" prop="workContent">
+          <el-input
+            v-model="form.workContent"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入施工说明（0-500字）"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submitForm">确定</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 查看详情弹窗 -->
+    <el-dialog v-model="viewDialog.visible" title="作业上报详情" width="780px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="作业类型">
+          {{ viewForm.workType }}
+        </el-descriptions-item>
+        <el-descriptions-item label="项目名称">
+          {{ viewForm.workTitle }}
+        </el-descriptions-item>
+        <el-descriptions-item label="施工开始时间">
+          {{ viewForm.workStartTime }}
+        </el-descriptions-item>
+        <el-descriptions-item label="施工结束时间">
+          {{ viewForm.workEndTime }}
+        </el-descriptions-item>
+        <el-descriptions-item label="现场安全员">
+          {{ viewForm.reporterName }}
+        </el-descriptions-item>
+        <el-descriptions-item label="联系电话">
+          {{ viewForm.contactPhone }}
+        </el-descriptions-item>
+        <el-descriptions-item label="申报时间">
+          {{ viewForm.reportTime }}
+        </el-descriptions-item>
+        <el-descriptions-item label="审核状态">
+          <el-tag :type="getAuditStatusTag(viewForm.auditStatus)">
+            {{ getAuditStatusLabel(viewForm.auditStatus) }}
+          </el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="施工说明" :span="2">
+          <div class="work-content-text">{{ viewForm.workContent || '—' }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item v-if="viewPhotoList.length > 0" label="现场施工图片" :span="2">
+          <el-image
+            v-for="(img, idx) in viewPhotoList"
+            :key="idx"
+            :src="img"
+            :preview-src-list="viewPhotoList"
+            :initial-index="idx"
+            fit="cover"
+            class="detail-photo"
+          />
+        </el-descriptions-item>
+        <el-descriptions-item v-if="viewForm.certFile" label="施工证件" :span="2">
+          <div class="cert-file-box" @click="openFile(viewForm.certFile)">
+            <el-icon class="cert-icon" :size="28">
+              <component :is="getCertIcon(viewForm.certFile)" />
+            </el-icon>
+            <span class="cert-name">{{ viewForm.certName || getFileNameFromUrl(viewForm.certFile) }}</span>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item v-if="viewForm.auditOpinion" label="审核意见" :span="2">
+          <span :class="['audit-opinion', viewForm.auditStatus === '2' ? 'reject' : 'pass']">
+            {{ viewForm.auditOpinion }}
+          </span>
+        </el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <el-button type="primary" @click="viewDialog.visible = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 审核弹窗 -->
+    <el-dialog
+      v-model="auditDialog.visible"
+      title="作业上报审核"
+      width="520px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="closeAuditDialog"
+    >
+      <el-form ref="auditFormRef" :model="auditForm" :rules="auditRules" label-width="100px">
+        <el-form-item label="项目名称">
+          <span class="readonly-text">{{ auditForm.workTitle }}</span>
+        </el-form-item>
+        <el-form-item label="现场安全员">
+          <span class="readonly-text">{{ auditForm.reporterName }}</span>
+        </el-form-item>
+        <el-form-item label="审核结果" prop="auditStatus">
+          <el-radio-group v-model="auditForm.auditStatus">
+            <el-radio value="1">通过</el-radio>
+            <el-radio value="2">不通过</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="auditForm.auditStatus === '2'" label="不通过原因" prop="auditOpinion">
+          <el-input
+            v-model="auditForm.auditOpinion"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入不通过原因"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cancelAudit">取消</el-button>
+          <el-button type="primary" @click="submitAudit">确认审核</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="WorkReport" lang="ts">
+import { ref, reactive, toRefs, onMounted, getCurrentInstance } from 'vue';
+import {
+  listWorkReport,
+  getWorkReport,
+  addWorkReport,
+  updateWorkReport,
+  delWorkReport,
+  auditWorkReport
+} from '@/api/risk/workReport';
+import type { RiskWorkReportBo, RiskWorkReportVo } from '@/api/risk/types';
+import { uploadFile } from '@/api/risk/file';
+import { Plus, UploadFilled, Document, Picture as IconPicture } from '@element-plus/icons-vue';
+import { ElMessage, FormInstance, UploadFile, UploadRawFile, UploadUserFile } from 'element-plus';
+import type { ComponentInternalInstance } from 'vue';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const workReportList = ref<RiskWorkReportVo[]>([]);
+const loading = ref(true);
+const total = ref(0);
+const photoFileList = ref<UploadUserFile[]>([]);
+const certFileList = ref<UploadUserFile[]>([]);
+const viewPhotoList = ref<string[]>([]);
+
+const queryFormRef = ref<FormInstance>();
+const formRef = ref<FormInstance>();
+const auditFormRef = ref<FormInstance>();
+
+const validatePhone = (_rule: any, value: any, callback: any) => {
+  if (!value) {
+    callback(new Error('请输入联系电话'));
+    return;
+  }
+  const mobileReg = /^1[3-9]\d{9}$/;
+  const landlineReg = /^(0\d{2,3}-?)?\d{7,8}(-\d{1,5})?$/;
+  if (mobileReg.test(value) || landlineReg.test(value)) {
+    callback();
+  } else {
+    callback(new Error('请输入正确的手机号或固话格式'));
+  }
+};
+
+const data = reactive<any>({
+  form: {
+    id: undefined,
+    reportCode: '',
+    workType: '',
+    workTitle: '',
+    workContent: '',
+    workStartTime: '',
+    workEndTime: '',
+    reporterName: '',
+    contactPhone: '',
+    photoList: [],
+    certFile: '',
+    certName: '',
+    reportTime: '',
+    auditStatus: '0'
+  } as any,
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    workType: '',
+    workTitle: '',
+    auditStatus: ''
+  },
+  rules: {
+    workType: [{ required: true, message: '请选择作业类型', trigger: 'change' }],
+    workTitle: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
+    workStartTime: [{ required: true, message: '请选择施工开始时间', trigger: 'change' }],
+    workEndTime: [
+      { required: true, message: '请选择施工结束时间', trigger: 'change' },
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (value && data.form.workStartTime && value < data.form.workStartTime) {
+            callback(new Error('施工结束时间必须晚于开始时间'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'change'
+      }
+    ],
+    reporterName: [{ required: true, message: '请输入现场安全员', trigger: 'blur' }],
+    contactPhone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
+    workContent: [
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (value && value.length > 500) {
+            callback(new Error('施工说明不能超过500字'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'blur'
+      }
+    ]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const auditData = reactive({
+  auditForm: {
+    id: undefined as string | number | undefined,
+    workTitle: '',
+    reporterName: '',
+    auditStatus: '1',
+    auditOpinion: ''
+  },
+  auditRules: {
+    auditStatus: [{ required: true, message: '请选择审核结果', trigger: 'change' }],
+    auditOpinion: [
+      {
+        validator: (_rule: any, value: any, callback: any) => {
+          if (auditData.auditForm.auditStatus === '2' && !value) {
+            callback(new Error('审核不通过时必须填写原因'));
+          } else {
+            callback();
+          }
+        },
+        trigger: 'blur'
+      }
+    ]
+  }
+});
+
+const { auditForm, auditRules } = toRefs(auditData);
+
+const dialog = reactive({
+  visible: false,
+  title: '新增作业上报'
+});
+
+const viewDialog = reactive({
+  visible: false
+});
+
+const auditDialog = reactive({
+  visible: false,
+  title: '审核作业上报'
+});
+
+const viewForm = ref<any>({});
+
+const parsePhotoList = (val: any): string[] => {
+  if (!val) return [];
+  if (Array.isArray(val)) return val;
+  try {
+    const parsed = JSON.parse(val);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch (e) {
+    return [];
+  }
+};
+
+const getList = async () => {
+  loading.value = true;
+  const res = await listWorkReport(queryParams.value as RiskWorkReportBo);
+  loading.value = false;
+  workReportList.value = res.rows || [];
+  total.value = res.total || 0;
+};
+
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+  queryParams.value.workType = '';
+  queryParams.value.workTitle = '';
+  queryParams.value.auditStatus = '';
+  handleQuery();
+};
+
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '新增作业上报';
+};
+
+const handleView = async (row: RiskWorkReportVo) => {
+  const res = await getWorkReport(row.id);
+  viewForm.value = { ...res.data };
+  viewPhotoList.value = parsePhotoList(viewForm.value.photoList);
+  viewDialog.visible = true;
+};
+
+const handleAudit = (row: RiskWorkReportVo) => {
+  auditForm.value = {
+    id: row.id,
+    workTitle: row.workTitle,
+    reporterName: row.reporterName,
+    auditStatus: '1',
+    auditOpinion: ''
+  };
+  auditDialog.visible = true;
+};
+
+const submitAudit = () => {
+  auditFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      const data: RiskWorkReportBo = {
+        id: auditForm.value.id,
+        auditStatus: auditForm.value.auditStatus,
+        auditOpinion: auditForm.value.auditOpinion
+      };
+      await auditWorkReport(auditForm.value.id as string | number, data);
+      proxy?.$modal.msgSuccess('审核成功');
+      auditDialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancelAudit = () => {
+  auditDialog.visible = false;
+  auditFormRef.value?.resetFields();
+};
+
+const closeAuditDialog = () => {
+  auditDialog.visible = false;
+  auditFormRef.value?.resetFields();
+};
+
+const handleDelete = async (row: RiskWorkReportVo) => {
+  try {
+    await proxy?.$modal.confirm(`确认删除「${row.workTitle}」？`);
+    await delWorkReport(row.id);
+    proxy?.$modal.msgSuccess('删除成功');
+    await getList();
+  } catch (e) {
+    // 用户取消
+  }
+};
+
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      const photoUrls = photoFileList.value
+        .filter((f: any) => f.status === 'success')
+        .map((f: any) => f.url || (f.response as any)?.data?.url || (f.response as any)?.url)
+        .filter(Boolean);
+      form.value.photoList = JSON.stringify(photoUrls);
+
+      const certFile = certFileList.value.find((f: any) => f.status === 'success');
+      if (certFile) {
+        form.value.certFile = certFile.url || (certFile.response as any)?.data?.url || (certFile.response as any)?.url || '';
+        form.value.certName = certFile.name || '';
+      } else {
+        form.value.certFile = '';
+        form.value.certName = '';
+      }
+
+      if (!form.value.id) {
+        form.value.reportTime = form.value.reportTime || new Date().toISOString();
+      }
+
+      if (form.value.id) {
+        await updateWorkReport(form.value as RiskWorkReportBo);
+        proxy?.$modal.msgSuccess('修改成功');
+      } else {
+        await addWorkReport(form.value as RiskWorkReportBo);
+        proxy?.$modal.msgSuccess('新增成功');
+      }
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+const cancel = () => {
+  dialog.visible = false;
+  reset();
+};
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    reportCode: '',
+    workType: '',
+    workTitle: '',
+    workContent: '',
+    workStartTime: '',
+    workEndTime: '',
+    reporterName: '',
+    contactPhone: '',
+    photoList: [],
+    certFile: '',
+    certName: '',
+    reportTime: '',
+    auditStatus: '0'
+  } as any;
+  photoFileList.value = [];
+  certFileList.value = [];
+  formRef.value?.resetFields();
+};
+
+const closeDialog = () => {
+  dialog.visible = false;
+  reset();
+};
+
+// ============ 上传相关 ============
+
+const handleUploadError = () => {
+  proxy?.$modal.msgError('上传失败,请重试');
+};
+
+const customUpload = async (options: any) => {
+  try {
+    const res: any = await uploadFile(options.file);
+    if (res && res.code === 200 && res.data) {
+      options.onSuccess(res, options.file);
+    } else {
+      options.onError(new Error(res?.msg || '上传失败'));
+    }
+  } catch (err: any) {
+    options.onError(err);
+  }
+};
+
+const beforePhotoUpload = (file: UploadRawFile) => {
+  const validTypes = ['image/jpeg', 'image/png', 'image/jpg'];
+  if (!validTypes.includes(file.type)) {
+    proxy?.$modal.msgError('只能上传 JPG/PNG 格式的图片!');
+    return false;
+  }
+  if (file.size / 1024 / 1024 >= 5) {
+    proxy?.$modal.msgError('单张图片大小不能超过 5MB!');
+    return false;
+  }
+  return true;
+};
+
+const handlePhotoSuccess = (response: any, uploadFile: UploadFile) => {
+  uploadFile.url = response.data?.url || response.url;
+  ElMessage.success('上传成功');
+};
+
+const handlePhotoExceed = () => {
+  proxy?.$modal.msgWarning('最多只能上传5张图片');
+};
+
+const handlePhotoRemove = () => {
+  // do nothing
+};
+
+const beforeCertUpload = (file: UploadRawFile) => {
+  const validTypes = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
+  if (!validTypes.includes(file.type)) {
+    proxy?.$modal.msgError('只能上传 PDF/JPG/PNG 格式的文件!');
+    return false;
+  }
+  if (file.size / 1024 / 1024 >= 10) {
+    proxy?.$modal.msgError('文件大小不能超过 10MB!');
+    return false;
+  }
+  return true;
+};
+
+const handleCertSuccess = (response: any, uploadFile: UploadFile) => {
+  uploadFile.url = response.data?.url || response.url;
+  ElMessage.success('证件上传成功');
+};
+
+const handleCertExceed = () => {
+  proxy?.$modal.msgWarning('只能上传1个证件文件');
+};
+
+const handleCertRemove = () => {
+  form.value.certFile = '';
+  form.value.certName = '';
+};
+
+// ============ 工具方法 ============
+
+const getAuditStatusTag = (status: string): any => {
+  const map: Record<string, string> = {
+    '0': 'warning',
+    '1': 'success',
+    '2': 'danger',
+    待审核: 'warning',
+    审核通过: 'success',
+    审核不通过: 'danger'
+  };
+  return map[status] || 'info';
+};
+
+const getAuditStatusLabel = (status: string) => {
+  const map: Record<string, string> = {
+    '0': '待审核',
+    '1': '审核通过',
+    '2': '审核不通过'
+  };
+  return map[status] || status || '';
+};
+
+const getCertIcon = (url: string) => {
+  if (!url) return Document;
+  const lower = url.toLowerCase();
+  if (lower.endsWith('.pdf')) return Document;
+  return IconPicture;
+};
+
+const getFileNameFromUrl = (url: string): string => {
+  if (!url) return '';
+  return url.split('/').pop() || '证件文件';
+};
+
+const openFile = (url: string) => {
+  window.open(url, '_blank');
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+
+<style scoped>
+  work-report-page {
+  padding: 16px;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.page-header {
+  margin-bottom: 16px;
+}
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.page-desc {
+  font-size: 13px;
+  color: #909399;
+  margin: 4px 0 0;
+}
+.filter-card {
+  margin-bottom: 12px;
+}
+.list-card {
+  margin-bottom: 12px;
+}
+.list-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.list-total {
+  font-size: 13px;
+  color: #606266;
+}
+
+.upload-trigger-area {
+  display: block;
+  cursor: pointer;
+}
+.upload-action-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.upload-placeholder {
+  font-size: 13px;
+  color: #606266;
+}
+.upload-tip-box {
+  margin-top: 8px;
+  padding: 16px;
+  background: #f5f7fa;
+  border-radius: 4px;
+  border: 1px dashed #dcdfe6;
+  text-align: center;
+  transition: all 0.2s;
+}
+.upload-trigger-area:hover .upload-tip-box {
+  background: #ecf5ff;
+  border-color: #409eff;
+}
+.upload-tip-icon {
+  text-align: center;
+  color: #409eff;
+  font-size: 32px;
+  line-height: 1;
+}
+.upload-tip-text {
+  text-align: center;
+  font-size: 13px;
+  color: #409eff;
+  margin-top: 6px;
+}
+.upload-tip-desc {
+  text-align: center;
+  font-size: 12px;
+  color: #909399;
+  margin-top: 4px;
+}
+:deep(.el-upload) {
+  display: block;
+  width: 100%;
+}
+:deep(.el-upload-dragger) {
+  display: none;
+}
+
+.work-content-text {
+  white-space: pre-wrap;
+  word-break: break-all;
+  line-height: 1.6;
+}
+.detail-photo {
+  width: 110px;
+  height: 80px;
+  margin-right: 8px;
+  border-radius: 4px;
+  object-fit: cover;
+}
+.cert-file-box {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+  background: #fafbfc;
+}
+.cert-file-box:hover {
+  border-color: #409eff;
+  background: #ecf5ff;
+}
+.cert-icon {
+  color: #e6a23c;
+}
+.cert-name {
+  font-size: 13px;
+  color: #303133;
+}
+.readonly-text {
+  color: #303133;
+}
+.audit-opinion.pass {
+  color: #67c23a;
+}
+.audit-opinion.reject {
+  color: #f56c6c;
+}
+:deep(.el-upload-list) {
+  margin-top: 4px;
+}
+</style>

src/views/system/dict/index.vue

@@ -459,7 +459,7 @@ const handleTypeSelectionChange = (selection: DictTypeVO[]) => {
 
 const handleTypeUpdate = async (row?: DictTypeVO) => {
   resetTypeForm();
-  const dictId = row?.dictId || typeIds.value[0];
+  const dictId = row?.dictId ?? typeIds.value[0];
   const res = await getType(dictId);
   Object.assign(typeForm.value, res.data);
   typeDialog.visible = true;
@@ -478,7 +478,7 @@ const submitTypeForm = () => {
 };
 
 const handleTypeDelete = async (row?: DictTypeVO) => {
-  const dictIds = row?.dictId || typeIds.value;
+  const dictIds = row?.dictId ?? typeIds.value;
   await proxy?.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？');
   await delType(dictIds);
   getTypeList();
@@ -560,7 +560,7 @@ const handleDataUpdate = async (row?: DictDataVO) => {
     return;
   }
   resetDataForm();
-  const dictCode = row?.dictCode || dataIds.value[0];
+  const dictCode = row?.dictCode ?? dataIds.value[0];
   const res = await getData(dictCode);
   Object.assign(dataForm.value, res.data);
   dataDialog.visible = true;
@@ -584,7 +584,7 @@ const handleDataDelete = async (row?: DictDataVO) => {
     proxy?.$modal.msgWarning('请先选择字典');
     return;
   }
-  const dictCodes = row?.dictCode || dataIds.value;
+  const dictCodes = row?.dictCode ?? dataIds.value;
   await proxy?.$modal.confirm('是否确认删除字典编码为"' + dictCodes + '"的数据项？');
   await delData(dictCodes);
   await getDataList();

vite.config.ts

@@ -21,7 +21,7 @@ export default defineConfig(({ mode, command }) => {
     server: {
       host: '0.0.0.0',
       port: Number(env.VITE_APP_PORT),
-      open: true,
+      open: false,
       proxy: {
         [env.VITE_APP_BASE_API]: {
           target: 'http://localhost:8080',

vite/plugins/index.ts

@@ -1,5 +1,5 @@
 import vue from '@vitejs/plugin-vue';
-import vueDevTools from 'vite-plugin-vue-devtools';
+// import vueDevTools from 'vite-plugin-vue-devtools';
 
 import createUnoCss from './unocss';
 import createAutoImport from './auto-import';
@@ -13,7 +13,7 @@ import path from 'path';
 export default (viteEnv: any, isBuild = false): [] => {
   const vitePlugins: any = [];
   vitePlugins.push(vue());
-  vitePlugins.push(vueDevTools());
+  // vitePlugins.push(vueDevTools());
   vitePlugins.push(createUnoCss());
   vitePlugins.push(createAutoImport(path));
   vitePlugins.push(createComponents(path));