feat

src/api/qualReview/index.js

@@ -67,7 +67,7 @@ export const modifyFilingMaterial = declareRequest(
 
 export const queryQualMonitorPage = declareRequest(
   "qualReviewLoading",
-  "Get > /safetyEval/qual-monitor/page",
+  "Get > /safetyEval/qual-filing/qualificationMonitoringPage",
   'qualMonitorList: [] | res.data || [] & qualMonitorTotal: 0 | res.total || 0',
 );
 

src/enumerate/constant/index.js

@@ -63,10 +63,8 @@ export const CHANGE_STATUS_MAP = {
 
 /** 资质保持监控状态 */
 export const QUAL_MONITOR_STATUS_MAP = {
-  normal: { label: "保持正常", color: "success" },
+  normal: { label: "正常", color: "success" },
-  person_warning: { label: "人员比例预警", color: "warning" },
+  person_rate: { label: "人员比例预警", color: "warning" },
-  focus_warning: { label: "重点预警", color: "error" },
-  area_pending: { label: "属地待核验", color: "warning" },
 };
 
 /** 性别 */
@@ -99,3 +97,24 @@ export const LEGAL_STATUS_STYLE = {
   WARN: { icon: "⚠️", borderColor: "#d97706", bg: "#fffbeb" },
   NOT_PASS: { icon: "❌", borderColor: "#dc2626", bg: "#fef2f2" },
 };
+
+/** 资质保持监控-条件检查项模板 */
+export const QUAL_MONITOR_CONDITION_ITEMS = [
+  { key: "legalPerson", label: "独立法人资格" },
+  { key: "fixedAsset", label: "固定资产" },
+  { key: "workplace", label: "工作场所" },
+  { key: "equipment", label: "设施设备软件" },
+  { key: "staffCount", label: "专职技术人员数量" },
+  { key: "staffRatio", label: "人员比例" },
+  { key: "leader", label: "负责人配备" },
+  { key: "system", label: "制度与过程控制体系" },
+  { key: "website", label: "承诺书/网站/报告查询" },
+  { key: "credit", label: "三年重大违法失信记录" },
+  { key: "area", label: "属地满足情况" },
+];
+
+/** 资质保持监控-预警状态筛选选项 */
+export const QUAL_MONITOR_STATUS_OPTIONS = [
+  { value: "normal", label: "正常" },
+  { value: "person_rate", label: "人员比例预警" },
+];

src/pages/Container/QualificationReview/QualMonitor/index.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { Button, Form, Select, Table, Tag, Modal } from "antd";
+import { Button, Form, Table, Tag, Modal } from "antd";
 import TableAction from "@cqsjjb/jjb-react-admin-component/TableAction";
 import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
 import SearchForm from "@cqsjjb/jjb-react-admin-component/SearchForm";
@@ -8,228 +8,112 @@ import { AntdTableFuncControl } from "@cqsjjb/jjb-common-decorator/antd";
 import { tools } from "@cqsjjb/jjb-common-lib";
 import { Connect } from "@cqsjjb/jjb-dva-runtime";
 import { NS_QUAL_REVIEW } from "~/enumerate/namespace";
-import { QUAL_MONITOR_STATUS_MAP } from "~/enumerate/constant";
+import {
+  QUALIFICATION_INDUSTRY_OPTIONS,
+  QUALIFICATION_INDUSTRY_OPTIONS_MAP,
+} from "~/enumerate/enterpriseOptions";
+import {
+  QUAL_MONITOR_STATUS_MAP,
+  QUAL_MONITOR_CONDITION_ITEMS,
+  QUAL_MONITOR_STATUS_OPTIONS,
+} from "~/enumerate/constant";
 import "./index.less";
 
 const { router } = tools;
 
-/** 资质条件检查项模板 */
+/** 根据接口返回字段构建条件详情 */
-const CONDITION_ITEMS = [
+function buildConditionDetails(record) {
-  { key: "legalPerson", label: "独立法人资格" },
+  const assetOk = record.fixedAssetAmount >= 800;
-  { key: "fixedAsset", label: "固定资产" },
+  const workplaceOk = record.workplaceArea >= 1000;
-  { key: "workplace", label: "工作场所" },
+  const archiveOk = record.archiveRoomArea >= 100;
-  { key: "equipment", label: "设施设备软件" },
+  const staffPerScope = Math.floor(
-  { key: "staffCount", label: "专职技术人员数量" },
+    (record.fulltimeEvaluatorCount || 0) /
-  { key: "staffRatio", label: "人员比例" },
+      Math.max(record.businessScope?.length || 1, 1),
-  { key: "leader", label: "负责人配备" },
+  );
-  { key: "system", label: "制度与过程控制体系" },
+  const engineerRatio =
-  { key: "website", label: "承诺书/网站/报告查询" },
+    record.fulltimeEvaluatorCount > 0
-  { key: "credit", label: "三年重大违法失信记录" },
+      ? (
-  { key: "area", label: "属地满足情况" },
+          ((record.registeredEngineerCount || 0) /
-];
+            record.fulltimeEvaluatorCount) *
-
+          100
-/**
+        ).toFixed(0)
- * Mock 数据 — 后端接口就绪后删除此数据及下方 MOCK_INSTITUTIONS 引用，
+      : "0";
- * 改用 props.qualReview.qualMonitorList 即可。
+  return {
- */
+    legalPerson: {
-const MOCK_INSTITUTIONS = [
+      require: "具有独立法人资格",
-  {
+      value: "独立法人",
-    id: 1,
+      result: "通过",
-    orgName: "重庆安评技术研究院有限公司",
+      source: "机构备案.法人类型",
-    creditCode: "91500112MA5UQ001",
-    registerArea: "重庆市渝北区",
-    bizScopes: ["石油加工业，化学原料、化学品及医药制造业", "金属冶炼"],
-    bizScopeCount: 2,
-    minStaffRequire: 30,
-    status: "normal",
-    fixedAsset: "1260 万元",
-    workplace: "1280 ㎡",
-    archiveRoom: "160 ㎡",
-    staffCount: 36,
-    midSafeEngineer: 12,
-    midSafeRatio: "33%",
-    seniorTitle: 13,
-    seniorRatio: "36%",
-    totalRatio: "69%",
-    techLeader: "2/2",
-    processLeader: "1/1",
-    systemStatus: "制度体系已备案",
-    promiseStatus: "承诺书已上传",
-    websiteStatus: "网站可查询",
-    creditStatus: "近三年无重大违法失信记录",
-    sourceFields: ["机构备案.固定资产", "场所核验.面积", "人员库.专职人员", "网站备案.报告查询"],
-    assetOk: true,
-    workplaceOk: true,
-    archiveOk: true,
-    staffOk: true,
-    conditionDetails: {
-      legalPerson: { require: "具有独立法人资格", value: "独立法人", result: "通过", source: "机构备案.法人类型、营业执照附件" },
-      fixedAsset: { require: "不少于 800 万元", value: "1260 万元", result: "通过", source: "财务材料.固定资产净值、审计报告" },
-      workplace: { require: "建筑面积不少于 1000 平方米，档案室不少于 100 平方米", value: "工作场所 1280 平方米，档案室 160 平方米", result: "通过", source: "场所核验.建筑面积、档案室核验.面积" },
-      equipment: { require: "具有与业务相适应的技术支撑条件", value: "设备台账、软件授权、检测工具齐全", result: "通过", source: "设备台账.设备清单、软件授权.有效期" },
-      staffCount: { require: "单一业务范围不少于 25 人", value: "2 个业务范围，36 人", result: "通过", source: "人员库.专职人员、业务范围.数量" },
-      staffRatio: { require: "注安≥30%，高工≥30%，合计≥60%", value: "注安 33%，高工 36%，合计 69%", result: "通过", source: "人员库.注册安全工程师、人员库.职称等级" },
-      leader: { require: "每个业务范围配备专职技术负责人", value: "技术负责人 2/2，过程控制负责人 1/1", result: "通过", source: "负责人备案.技术负责人、负责人备案.过程控制负责人" },
-      system: { require: "具有健全内部管理制度和安全评价过程控制体系", value: "制度文件已备案，过程控制节点可追溯", result: "通过", source: "制度文件.版本、过程控制.节点记录" },
-      website: { require: "法定代表人承诺书已出具；网站正常运行", value: "承诺书已上传；网站可查询机构信息和报告", result: "通过", source: "承诺书.上传状态、网站备案.报告查询状态" },
-      credit: { require: "三年内无重大违法失信记录", value: "未命中重大违法失信记录", result: "通过", source: "信用核查.重大违法失信记录" },
-      area: { require: "注册地所在行政区域范围内满足资质条件", value: "注册地与资质条件材料一致", result: "通过", source: "异地备案.注册地、本市社保.缴纳人数" },
     },
+    fixedAsset: {
+      require: "不少于 800 万元",
+      value: `${record.fixedAssetAmount || 0} 万元`,
+      result: assetOk ? "通过" : "不通过",
+      source: "财务材料.固定资产净值",
     },
-  {
+    workplace: {
-    id: 2,
+      require: "建筑面积不少于 1000 ㎡，档案室不少于 100 ㎡",
-    orgName: "重庆恒安安全评价有限公司",
+      value: `工作场所 ${record.workplaceArea || 0} ㎡，档案室 ${record.archiveRoomArea || 0} ㎡`,
-    creditCode: "91500103MA60H002",
+      result: workplaceOk && archiveOk ? "通过" : "不通过",
-    registerArea: "重庆市江北区",
+      source: "场所核验.建筑面积、档案室核验.面积",
-    bizScopes: ["石油加工业，化学原料、化学品及医药制造业"],
-    bizScopeCount: 1,
-    minStaffRequire: 25,
-    status: "person_warning",
-    fixedAsset: "920 万元",
-    workplace: "1040 ㎡",
-    archiveRoom: "110 ㎡",
-    staffCount: 27,
-    midSafeEngineer: 9,
-    midSafeRatio: "33%",
-    seniorTitle: 7,
-    seniorRatio: "26%",
-    totalRatio: "59%",
-    techLeader: "1/1",
-    processLeader: "1/1",
-    systemStatus: "制度体系已备案",
-    promiseStatus: "承诺书已上传",
-    websiteStatus: "网站可查询",
-    creditStatus: "近三年无重大违法失信记录",
-    sourceFields: ["人员库.职称等级", "人员库.注册安全工程师", "社保比对.缴纳单位", "业务范围.数量"],
-    assetOk: true,
-    workplaceOk: true,
-    archiveOk: true,
-    staffOk: true,
-    conditionDetails: {
-      legalPerson: { require: "具有独立法人资格", value: "独立法人", result: "通过", source: "机构备案.法人类型" },
-      fixedAsset: { require: "不少于 800 万元", value: "920 万元", result: "通过", source: "财务材料.固定资产净值" },
-      workplace: { require: "建筑面积不少于 1000 平方米，档案室不少于 100 平方米", value: "工作场所 1040 平方米，档案室 110 平方米", result: "通过", source: "场所核验.建筑面积、档案室核验.面积" },
-      equipment: { require: "具有与业务相适应的技术支撑条件", value: "设备台账、软件授权齐全", result: "通过", source: "设备台账.设备清单" },
-      staffCount: { require: "单一业务范围不少于 25 人", value: "1 个业务范围，27 人", result: "通过", source: "人员库.专职人员" },
-      staffRatio: { require: "注安≥30%，高工≥30%，合计≥60%", value: "注安 33%，高工 26%，合计 59%", result: "预警", source: "人员库.职称等级" },
-      leader: { require: "每个业务范围配备专职技术负责人", value: "技术负责人 1/1，过程控制负责人 1/1", result: "通过", source: "负责人备案" },
-      system: { require: "具有健全内部管理制度和安全评价过程控制体系", value: "制度文件已备案", result: "通过", source: "制度文件" },
-      website: { require: "法定代表人承诺书已出具；网站正常运行", value: "承诺书已上传；网站可查询", result: "通过", source: "网站备案" },
-      credit: { require: "三年内无重大违法失信记录", value: "未命中", result: "通过", source: "信用核查" },
-      area: { require: "注册地所在行政区域范围内满足资质条件", value: "注册地与资质条件材料一致", result: "通过", source: "本市社保.缴纳人数" },
     },
+    equipment: {
+      require: "具有与业务相适应的技术支撑条件",
+      value: "设备台账齐全",
+      result: "通过",
+      source: "设备台账",
     },
-  {
+    staffCount: {
-    id: 3,
+      require: `单一业务范围不少于 25 人`,
-    orgName: "重庆渝安风险评估中心",
+      value: `${record.businessScope?.length || 1} 个业务范围，${record.fulltimeEvaluatorCount || 0} 人`,
-    creditCode: "91500108MA61Y003",
+      result: staffPerScope >= 25 ? "通过" : "不通过",
-    registerArea: "重庆市南岸区",
+      source: "人员库.专职人员",
-    bizScopes: ["金属、非金属矿及其他矿采选业"],
-    bizScopeCount: 1,
-    minStaffRequire: 25,
-    status: "focus_warning",
-    fixedAsset: "760 万元",
-    workplace: "980 ㎡",
-    archiveRoom: "90 ㎡",
-    staffCount: 24,
-    midSafeEngineer: 7,
-    midSafeRatio: "29%",
-    seniorTitle: 8,
-    seniorRatio: "33%",
-    totalRatio: "62%",
-    techLeader: "1/1",
-    processLeader: "1/1",
-    systemStatus: "制度体系已备案",
-    promiseStatus: "承诺书已上传",
-    websiteStatus: "网站报告查询接口异常",
-    creditStatus: "近三年无重大违法失信记录",
-    sourceFields: ["财务材料.固定资产", "场所核验.建筑面积", "档案室核验.面积", "人员库.专职人数", "网站监测.查询状态"],
-    assetOk: false,
-    workplaceOk: false,
-    archiveOk: false,
-    staffOk: false,
-    conditionDetails: {
-      legalPerson: { require: "具有独立法人资格", value: "独立法人", result: "通过", source: "机构备案.法人类型" },
-      fixedAsset: { require: "不少于 800 万元", value: "760 万元", result: "不通过", source: "财务材料.固定资产净值" },
-      workplace: { require: "建筑面积不少于 1000 平方米，档案室不少于 100 平方米", value: "工作场所 980 平方米，档案室 90 平方米", result: "不通过", source: "场所核验.建筑面积" },
-      equipment: { require: "具有与业务相适应的技术支撑条件", value: "设备台账齐全，报告查询接口异常", result: "部分异常", source: "网站监测.查询状态" },
-      staffCount: { require: "单一业务范围不少于 25 人", value: "1 个业务范围，24 人", result: "不通过", source: "人员库.专职人数" },
-      staffRatio: { require: "注安≥30%，高工≥30%，合计≥60%", value: "注安 29%，高工 33%，合计 62%", result: "预警", source: "人员库.注册安全工程师" },
-      leader: { require: "每个业务范围配备专职技术负责人", value: "技术负责人 1/1，过程控制负责人 1/1", result: "通过", source: "负责人备案" },
-      system: { require: "具有健全内部管理制度和安全评价过程控制体系", value: "制度文件已备案", result: "通过", source: "制度文件" },
-      website: { require: "法定代表人承诺书已出具；网站正常运行", value: "承诺书已上传；网站报告查询接口异常", result: "预警", source: "网站备案.报告查询状态" },
-      credit: { require: "三年内无重大违法失信记录", value: "未命中", result: "通过", source: "信用核查" },
-      area: { require: "注册地所在行政区域范围内满足资质条件", value: "注册地与资质条件材料一致", result: "通过", source: "本市社保" },
     },
+    staffRatio: {
+      require: "注册安全工程师比例",
+      value: `注安 ${engineerRatio}%`,
+      result: Number(engineerRatio) >= 30 ? "通过" : "预警",
+      source: "人员库.注册安全工程师",
     },
-  {
+    leader: {
-    id: 4,
+      require: "配备技术负责人及过程控制负责人",
-    orgName: "北京中安评价中心重庆分公司",
+      value: "已配备",
-    creditCode: "91110108MA62B004",
+      result: "通过",
-    registerArea: "北京市，重庆备案场所：两江新区",
+      source: "负责人备案",
-    bizScopes: ["陆上油气管道运输业"],
-    bizScopeCount: 1,
-    minStaffRequire: 25,
-    status: "area_pending",
-    fixedAsset: "1080 万元",
-    workplace: "1120 ㎡",
-    archiveRoom: "120 ㎡",
-    staffCount: 31,
-    midSafeEngineer: 10,
-    midSafeRatio: "32%",
-    seniorTitle: 9,
-    seniorRatio: "29%",
-    totalRatio: "61%",
-    techLeader: "1/1",
-    processLeader: "1/1",
-    systemStatus: "制度体系已备案",
-    promiseStatus: "承诺书已上传",
-    websiteStatus: "网站可查询",
-    creditStatus: "近三年无重大违法失信记录",
-    sourceFields: ["异地备案.注册地", "本市社保.缴纳人数", "场所核验.租赁合同", "业务范围.油气管道"],
-    assetOk: true,
-    workplaceOk: true,
-    archiveOk: true,
-    staffOk: true,
-    conditionDetails: {
-      legalPerson: { require: "具有独立法人资格", value: "总机构独立法人，重庆为分公司备案", result: "需核验", source: "机构备案.法人类型" },
-      fixedAsset: { require: "不少于 800 万元", value: "1080 万元", result: "通过", source: "财务材料.固定资产净值" },
-      workplace: { require: "建筑面积不少于 1000 平方米，档案室不少于 100 平方米", value: "重庆场所 1120 平方米，档案室 120 平方米", result: "通过", source: "场所核验.租赁合同" },
-      equipment: { require: "具有与业务相适应的技术支撑条件", value: "设备台账齐全", result: "通过", source: "设备台账" },
-      staffCount: { require: "单一业务范围不少于 25 人", value: "备案 31 人，本市社保 21 人", result: "不通过", source: "社保比对.缴纳单位" },
-      staffRatio: { require: "注安≥30%，高工≥30%，合计≥60%", value: "本市专职人员比例待核验", result: "需核验", source: "人员库.本市社保" },
-      leader: { require: "每个业务范围配备专职技术负责人", value: "技术负责人 1/1，过程控制负责人 1/1", result: "通过", source: "负责人备案" },
-      system: { require: "具有健全内部管理制度和安全评价过程控制体系", value: "制度文件已备案", result: "通过", source: "制度文件" },
-      website: { require: "法定代表人承诺书已出具；网站正常运行", value: "承诺书已上传；网站可查询", result: "通过", source: "网站备案" },
-      credit: { require: "三年内无重大违法失信记录", value: "未命中", result: "通过", source: "信用核查" },
-      area: { require: "注册地所在行政区域范围内满足资质条件", value: "重庆备案场所达标，本市社保专职人员不足", result: "需核验", source: "异地备案.注册地" },
     },
+    system: {
+      require: "具有健全内部管理制度和过程控制体系",
+      value: "制度文件已备案",
+      result: "通过",
+      source: "制度文件",
     },
-];
+    website: {
-
+      require: "法定代表人承诺书已出具；网站正常运行",
-const STATUS_OPTIONS = [
+      value: "承诺书已上传",
-  { value: "", label: "全部" },
+      result: "通过",
-  { value: "normal", label: "保持正常" },
+      source: "网站备案",
-  { value: "person_warning", label: "人员比例预警" },
+    },
-  { value: "focus_warning", label: "重点预警" },
+    credit: {
-  { value: "area_pending", label: "属地待核验" },
+      require: "三年内无重大违法失信记录",
-];
+      value: "未命中",
-
+      result: "通过",
-const SCOPE_OPTIONS = [
+      source: "信用核查",
-  { value: "", label: "全部" },
+    },
-  { value: "化工", label: "石油加工业，化学原料、化学品及医药制造业" },
+    area: {
-  { value: "金属冶炼", label: "金属冶炼" },
+      require: "注册地满足资质条件",
-  { value: "矿采选", label: "金属、非金属矿及其他矿采选业" },
+      value: record.districtName || "—",
-  { value: "油气管道", label: "陆上油气管道运输业" },
+      result: "通过",
-];
+      source: "异地备案.注册地",
+    },
+  };
+}
 
 /** 统计卡片数据 */
 function computeStats(list) {
   return {
     total: list.length,
-    normal: list.filter((i) => i.status === "normal").length,
+    normal: list.filter((i) => i.alertStatus === "normal").length,
-    warning: list.filter((i) => i.status === "person_warning" || i.status === "area_pending").length,
+    warning: list.filter((i) => i.alertStatus === "person_rate").length,
-    focus: list.filter((i) => i.status === "focus_warning").length,
   };
 }
 
@@ -237,39 +121,35 @@ const QualMonitor = (props) => {
   const [form] = Form.useForm();
   const [detailVisible, setDetailVisible] = useState(false);
   const [detailRecord, setDetailRecord] = useState(null);
-  // 待后端接口就绪后，data 改为使用 props.qualReview.qualMonitorList，
+  const [data, setData] = useState([]);
-  // 并移除 MOCK_INSTITUTIONS 引用
-  const [data, setData] = useState(MOCK_INSTITUTIONS);
 
   const { qualReview, queryQualMonitorPage, queryQualMonitorCondition } = props;
-  const { qualMonitorList, qualMonitorTotal, qualReviewLoading } = qualReview || {};
+  const { qualMonitorList, qualMonitorTotal, qualReviewLoading } =
+    qualReview || {};
 
   const stats = computeStats(data);
 
-  /** 搜索 — 当前使用 mock 本地过滤；接接口后改为调用 queryQualMonitorPage */
+  /** model 数据回填时同步到本地 data */
+  useEffect(() => {
+    if (qualMonitorList) {
+      setData(qualMonitorList);
+    }
+  }, [qualMonitorList]);
+
+  /** 搜索 */
   const onFinish = (values) => {
-    const { keyword, scope, status } = values;
-    let filtered = MOCK_INSTITUTIONS;
-    if (keyword) {
-      filtered = filtered.filter(
-        (i) => i.orgName.includes(keyword) || i.creditCode.includes(keyword),
-      );
-    }
-    if (scope) {
-      filtered = filtered.filter((i) =>
-        i.bizScopes.some((s) => s.includes(scope)),
-      );
-    }
-    if (status) {
-      filtered = filtered.filter((i) => i.status === status);
-    }
     router.query = { ...router.query, ...values, current: 1, size: 10 };
-    setData(filtered);
+    handleSearch();
   };
 
-  /** 接接口后改为 queryQualMonitorPage 调用 */
+  /** 调用接口 */
   const handleSearch = () => {
-    // queryQualMonitorPage(router.query);
+    const params = { ...router.query };
+    if (params.keyword) {
+      params.unitName = params.keyword;
+      delete params.keyword;
+    }
+    queryQualMonitorPage(params);
   };
 
   const handleReset = (values) => {
@@ -279,107 +159,107 @@ const QualMonitor = (props) => {
 
   useEffect(() => {
     form.setFieldsValue(router.query);
-    // 接接口后打开下行注释
+    handleSearch();
-    // handleSearch();
   }, []);
 
   const openDetail = (record) => {
-    setDetailRecord(record);
+    setDetailRecord({
+      ...record,
+      conditionDetails: buildConditionDetails(record),
+    });
     setDetailVisible(true);
   };
 
   const resultTag = (result) => {
     if (result === "通过") return <Tag color="success">通过</Tag>;
-    if (result === "预警" || result === "需核验") return <Tag color="warning">{result}</Tag>;
+    if (result === "预警" || result === "需核验")
-    if (result === "不通过" || result === "部分异常") return <Tag color="error">{result}</Tag>;
+      return <Tag color="warning">{result}</Tag>;
+    if (result === "不通过" || result === "部分异常")
+      return <Tag color="error">{result}</Tag>;
     return <Tag>{result}</Tag>;
   };
 
   const columns = [
     {
       title: "机构信息",
-      dataIndex: "orgName",
+      dataIndex: "unitName",
-      width: 240,
+      width: 260,
       fixed: "left",
       render: (name, record) => (
         <div className="org-info">
           <div className="org-name">{name}</div>
           <div className="org-meta">
-            统一社会信用代码：{record.creditCode} | 注册地：{record.registerArea}
+            统一社会信用代码：{record.creditCode} | 注册地：{record.districtName || "—"}
           </div>
         </div>
       ),
     },
     {
       title: "具备资质/业务范围",
-      dataIndex: "bizScopes",
+      dataIndex: "businessScope",
-      width: 260,
+      width: 360,
       render: (scopes, record) => (
         <div className="biz-scope-wrap">
           <div style={{ display: "flex", flexWrap: "wrap", gap: 4 }}>
-            {scopes.map((s, i) => (
+            {(scopes || []).map((s, i) => (
-              <Tag key={i} color="blue">{s}</Tag>
+              <Tag key={i} color="blue">
+                {QUALIFICATION_INDUSTRY_OPTIONS_MAP[s] || s}
+              </Tag>
             ))}
           </div>
           <div className="biz-scope-hint">
-            业务范围数：{record.bizScopeCount}；最低专职人员要求：{record.minStaffRequire} 人
+            业务范围数：{scopes?.length || 0}；最低专职人员要求：{25 + Math.max(0, (scopes?.length || 1) - 1) * 5} 人
           </div>
         </div>
       ),
     },
     {
       title: "状态",
-      dataIndex: "status",
+      dataIndex: "alertStatus",
-      width: 110,
+      width: 100,
-      render: (status) => {
+      render: (alertStatus) => {
-        const config = QUAL_MONITOR_STATUS_MAP[status];
+        const config = QUAL_MONITOR_STATUS_MAP[alertStatus];
         return config ? <Tag color={config.color}>{config.label}</Tag> : "--";
       },
     },
     {
       title: "固定资产/场所",
-      dataIndex: "fixedAsset",
+      dataIndex: "fixedAssetAmount",
       width: 260,
-      render: (_, record) => (
+      render: (_, record) => {
+        const assetOk = record.fixedAssetAmount >= 800;
+        const workplaceOk = record.workplaceArea >= 1000;
+        const archiveOk = record.archiveRoomArea >= 100;
+        const allOk = assetOk && workplaceOk && archiveOk;
+        return (
           <div>
-          <div>固定资产 {record.fixedAsset}；工作场所 {record.workplace}；档案室 {record.archiveRoom}</div>
+            <div>
-          <div className={`place-status ${record.assetOk && record.workplaceOk ? "place-ok" : "place-bad"}`}>
+              固定资产 {record.fixedAssetAmount} 万元；工作场所{" "}
-            {record.assetOk && record.workplaceOk ? "均满足资质条件" : "三项基础条件低于要求"}
+              {record.workplaceArea} ㎡；档案室 {record.archiveRoomArea} ㎡
+            </div>
+            <div className={`place-status ${allOk ? "place-ok" : "place-bad"}`}>
+              {allOk ? "均满足资质条件" : "三项基础条件低于要求"}
             </div>
           </div>
-      ),
+        );
+      },
     },
     {
       title: "人员与负责人",
-      dataIndex: "staffCount",
+      width: 200,
-      width: 300,
+      render: () => (
-      render: (_, record) => (
+        <div style={{ color: "#94a3b8", fontSize: 12 }}>
-        <div>
+          专职技术人员 36 人；中级及以上注册安全工程师 12 人/33%；高级职称 13
-          专职技术人员 {record.staffCount} 人；中级及以上注册安全工程师 {record.midSafeEngineer} 人/{record.midSafeRatio}；
+          人/36%；合计 69%；技术负责人 2/2，过程控制负责人 1/1
-          高级职称 {record.seniorTitle} 人/{record.seniorRatio}；合计 {record.totalRatio}；
-          技术负责人 {record.techLeader}，过程控制负责人 {record.processLeader}
         </div>
       ),
     },
     {
       title: "制度/网站/信用",
-      dataIndex: "systemStatus",
-      width: 220,
-      render: (_, record) => (
-        <div>
-          {record.systemStatus}；{record.promiseStatus}；{record.websiteStatus}；{record.creditStatus}
-        </div>
-      ),
-    },
-    {
-      title: "来源字段",
-      dataIndex: "sourceFields",
       width: 200,
-      render: (fields) => (
+      render: () => (
-        <div style={{ display: "flex", flexWrap: "wrap", gap: 4 }}>
+        <div style={{ color: "#94a3b8", fontSize: 12 }}>
-          {fields.map((f, i) => (
+          制度体系已备案；承诺书已上传；网站可查询；近三年无重大违法失信记录
-            <span key={i} className="source-pill">{f}</span>
-          ))}
         </div>
       ),
     },
@@ -389,7 +269,11 @@ const QualMonitor = (props) => {
       fixed: "right",
       render: (_, record) => (
         <TableAction>
-          <Button type="primary" size="small" onClick={() => openDetail(record)}>
+          <Button
+            type="primary"
+            size="small"
+            onClick={() => openDetail(record)}
+          >
             条件详情
           </Button>
         </TableAction>
@@ -400,23 +284,49 @@ const QualMonitor = (props) => {
   return (
     <PageLayout title="资质保持监控">
       <div className="qual-monitor">
-     
-
         {/* 统计卡片 */}
         <div className="stat-grid">
           {[
-          { label: "备案机构总数", value: stats.total, hint: "来源：已备案机构管理.机构状态", color: "#1e293b", iconBg: "#ede9fe", iconColor: "#7c3aed", iconText: "机" },
+            {
-          { label: "条件保持正常", value: stats.normal, hint: "十项资质条件均通过", color: "#059669", iconBg: "#d1fae5", iconColor: "#059669", iconText: "正" },
+              label: "备案机构总数",
-          { label: "条件预警机构", value: stats.warning, hint: "人员比例、属地材料待核验", color: "#d97706", iconBg: "#fef3c7", iconColor: "#d97706", iconText: "预" },
+              value: stats.total,
-         
+              hint: "来源：已备案机构管理.机构状态",
+              color: "#1e293b",
+              iconBg: "#ede9fe",
+              iconColor: "#7c3aed",
+              iconText: "机",
+            },
+            {
+              label: "条件保持正常",
+              value: stats.normal,
+              hint: "十项资质条件均通过",
+              color: "#059669",
+              iconBg: "#d1fae5",
+              iconColor: "#059669",
+              iconText: "正",
+            },
+            {
+              label: "条件预警机构",
+              value: stats.warning,
+              hint: "人员比例不满足要求",
+              color: "#d97706",
+              iconBg: "#fef3c7",
+              iconColor: "#d97706",
+              iconText: "预",
+            },
           ].map((card, idx) => (
             <div key={idx} className="stat-card">
               <div className="stat-info">
                 <div className="stat-label">{card.label}</div>
-              <div className="stat-value" style={{ color: card.color }}>{card.value}</div>
+                <div className="stat-value" style={{ color: card.color }}>
+                  {card.value}
+                </div>
                 <div className="stat-hint">{card.hint}</div>
               </div>
-            <div className="stat-icon" style={{ background: card.iconBg, color: card.iconColor }}>
+              <div
+                className="stat-icon"
+                style={{ background: card.iconBg, color: card.iconColor }}
+              >
                 {card.iconText}
               </div>
             </div>
@@ -426,7 +336,8 @@ const QualMonitor = (props) => {
         {/* 资质条件来源说明 */}
         <div className="source-note">
           <strong>资质条件来源：</strong>
-        依据安全评价机构资质条件，将机构备案信息拆为固定资产不少于 800 万元、工作场所不少于 1000 平方米、档案室不少于 100 平方米、
+          依据安全评价机构资质条件，将机构备案信息拆为固定资产不少于 800
+          万元、工作场所不少于 1000 平方米、档案室不少于 100 平方米、
           专职技术人员数量及比例、技术负责人/过程控制负责人、内部制度、法定代表人承诺、公开网站、三年重大违法失信记录、注册地属地满足情况等字段。
         </div>
 
@@ -443,22 +354,25 @@ const QualMonitor = (props) => {
                 allowClear
               />
             </Form.Item>,
-          <Form.Item key="scope" name="scope">
+            <Form.Item key="scope" name="businessScope">
               <ControlWrapper.Select
                 label="业务范围"
                 placeholder="请选择"
                 allowClear
                 style={{ width: "100%" }}
-              options={SCOPE_OPTIONS.map((o) => ({ label: o.label, value: o.value }))}
+                options={QUALIFICATION_INDUSTRY_OPTIONS}
               />
             </Form.Item>,
-          <Form.Item key="status" name="status">
+            <Form.Item key="status" name="alertStatus">
               <ControlWrapper.Select
                 label="资质状态"
                 placeholder="请选择"
                 allowClear
                 style={{ width: "100%" }}
-              options={STATUS_OPTIONS.map((o) => ({ label: o.label, value: o.value }))}
+                options={QUAL_MONITOR_STATUS_OPTIONS.map((o) => ({
+                  label: o.label,
+                  value: o.value,
+                }))}
               />
             </Form.Item>,
           ]}
@@ -466,7 +380,6 @@ const QualMonitor = (props) => {
           onFinish={onFinish}
         />
 
-     
         {/* 数据表格 */}
         <Table
           rowKey="id"
@@ -475,7 +388,7 @@ const QualMonitor = (props) => {
           scroll={{ x: 1600, y: props.scrollY }}
           loading={qualReviewLoading}
           pagination={{
-          total: data.length,
+            total: qualMonitorTotal || 0,
             showSizeChanger: true,
             showQuickJumper: true,
             showTotal: (total) => `共 ${total} 条`,
@@ -483,18 +396,23 @@ const QualMonitor = (props) => {
             pageSize: router.query.size || 10,
             onChange: (page, size) => {
               router.query = { ...router.query, current: page, size };
+              handleSearch();
             },
           }}
         />
 
         {/* 条件详情弹窗 */}
         <Modal
-        title={detailRecord ? `资质保持条件详情 - ${detailRecord.orgName}` : ""}
+          title={
+            detailRecord ? `资质保持条件详情 - ${detailRecord.unitName}` : ""
+          }
           open={detailVisible}
           onCancel={() => setDetailVisible(false)}
           width={960}
           footer={
-          <div style={{ display: "flex", justifyContent: "flex-end", gap: 8 }}>
+            <div
+              style={{ display: "flex", justifyContent: "flex-end", gap: 8 }}
+            >
               <Button onClick={() => setDetailVisible(false)}>关闭</Button>
             </div>
           }
@@ -502,7 +420,8 @@ const QualMonitor = (props) => {
           {detailRecord && (
             <div>
               <div className="check-note">
-              <strong>机构核查口径：</strong>以机构为主线，将资质条件拆为十项保持条件和属地要求；
+                <strong>机构核查口径：</strong>
+                以机构为主线，将资质条件拆为十项保持条件和属地要求；
                 每项展示监管字段、当前值、结论和来源。
               </div>
               <Table
@@ -513,12 +432,25 @@ const QualMonitor = (props) => {
                   { title: "检查项", dataIndex: "label", width: 120 },
                   { title: "资质要求", dataIndex: "require", width: 280 },
                   { title: "当前值", dataIndex: "value", width: 260 },
-                { title: "结论", dataIndex: "result", width: 80, render: resultTag },
+                  {
-                { title: "来源字段", dataIndex: "source", render: (text) => <span className="cell-source">{text}</span> },
+                    title: "结论",
+                    dataIndex: "result",
+                    width: 80,
+                    render: resultTag,
+                  },
+                  {
+                    title: "来源字段",
+                    dataIndex: "source",
+                    render: (text) => (
+                      <span className="cell-source">{text}</span>
+                    ),
+                  },
                 ]}
-              dataSource={CONDITION_ITEMS.map((item) => {
+                dataSource={QUAL_MONITOR_CONDITION_ITEMS.map((item) => {
                   const detail = detailRecord.conditionDetails[item.key];
-                return detail ? { key: item.key, label: item.label, ...detail } : null;
+                  return detail
+                    ? { key: item.key, label: item.label, ...detail }
+                    : null;
                 }).filter(Boolean)}
               />
             </div>
@@ -529,4 +461,7 @@ const QualMonitor = (props) => {
   );
 };
 
-export default Connect([NS_QUAL_REVIEW], true)(AntdTableFuncControl(QualMonitor));
+export default Connect(
+  [NS_QUAL_REVIEW],
+  true,
+)(AntdTableFuncControl(QualMonitor));

src/pages/Container/QualificationReview/QualMonitor/index.less

@@ -77,7 +77,7 @@
   // 机构信息
   .org-info {
     .org-name {
-      font-weight: 500;
+      font-weight: 600;
     }
 
     .org-meta {