From 07027325f5b9821c7ecf204defd459ea664198e8 Mon Sep 17 00:00:00 2001
From: tangjie <122778500@qq.com>
Date: Mon, 20 Jul 2026 15:40:12 +0800
Subject: [PATCH] feat

---
 .../ProjectFlow/InternalReviewContent.js      | 120 +++++++--
 .../ProjectFlow/SurveyContent.js              | 249 ++++++++++++++++--
 .../ProjectFlow/TechnicalReviewContent.js     | 112 ++++++--
 3 files changed, 399 insertions(+), 82 deletions(-)

diff --git a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/InternalReviewContent.js b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/InternalReviewContent.js
index d53496b..5f356eb 100644
--- a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/InternalReviewContent.js
+++ b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/InternalReviewContent.js
@@ -1,31 +1,95 @@
-import React from "react";
-import { Card, Descriptions, Table } from "antd";
+import React, { useState } from "react";
+import { Tag, Button, Card, Table, Select, Input, Flex, Typography, Row, Col } from "antd";
 
-const InternalReviewContent = () => (
-  <Card title="内部审核">
-    <Descriptions bordered column={2}>
-      <Descriptions.Item label="审核版本">V1.3</Descriptions.Item>
-      <Descriptions.Item label="内审人">王丽萍</Descriptions.Item>
-      <Descriptions.Item label="审核项">7项</Descriptions.Item>
-      <Descriptions.Item label="待修改">2项</Descriptions.Item>
-    </Descriptions>
-    <Table
-      dataSource={[
-        { id: 1, dim: "评价依据", focus: "充分、有效", result: "符合", opinion: "补充地方标准有效版本", feedback: "已验证" },
-        { id: 2, dim: "危险辨识", focus: "全面、无遗漏", result: "需修改", opinion: "补充液氨装卸泄漏场景", feedback: "待反馈" },
-      ]}
-      columns={[
-        { title: "审核维度", dataIndex: "dim" },
-        { title: "审核重点", dataIndex: "focus" },
-        { title: "结论", dataIndex: "result" },
-        { title: "审核意见", dataIndex: "opinion" },
-        { title: "修改反馈", dataIndex: "feedback" },
-      ]}
-      rowKey="id"
-      pagination={false}
-      className="pf-table-mt"
-    />
-  </Card>
-);
+const { TextArea } = Input;
+
+const INITIAL_ROWS = [
+  { dim: "评价依据", focus: "充分、有效", result: "符合", opinion: "补充地方标准有效版本", feedback: "已验证", feedbackType: "success" },
+  { dim: "危险辨识", focus: "全面、无遗漏", result: "需修改", opinion: "补充液氨装卸泄漏场景", feedback: "待反馈", feedbackType: "warning" },
+  { dim: "单元划分", focus: "科学合理", result: "符合", opinion: "划分合理", feedback: "—", feedbackType: "default" },
+  { dim: "评价方法", focus: "适用、过程正确", result: "符合", opinion: "方法适用", feedback: "—", feedbackType: "default" },
+  { dim: "对策措施", focus: "针对性、可操作性", result: "需修改", opinion: "细化报警联锁措施", feedback: "已验证", feedbackType: "success" },
+  { dim: "评价结论", focus: "客观、正确", result: "符合", opinion: "结论客观", feedback: "—", feedbackType: "default" },
+  { dim: "报告规范", focus: "格式、文字、数据逻辑", result: "符合", opinion: "统一图表编号", feedback: "—", feedbackType: "default" },
+];
+
+const InternalReviewContent = () => {
+  const [rows, setRows] = useState(INITIAL_ROWS);
+
+  const updateRow = (index, field, value) => {
+    const next = [...rows];
+    next[index] = { ...next[index], [field]: value };
+    setRows(next);
+  };
+
+  return (
+    <div>
+      <div className="pf-permission">
+        <Tag color="blue" className="pf-tag">内部审核人</Tag>
+        <span className="pf-desc">审核、修改、反馈、验证闭环</span>
+      </div>
+
+        <Row gutter={16}  style={{ marginBottom: 16 }}>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">审核版本</Typography.Text><div><strong>V1.3</strong></div></Card></Col>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">内审人</Typography.Text><div><strong>王丽萍</strong></div></Card></Col>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">审核项</Typography.Text><div><strong>7项</strong></div></Card></Col>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">问题</Typography.Text><div><Typography.Text strong type="warning">2项</Typography.Text></div></Card></Col>
+        </Row>
+
+        <Table
+          dataSource={rows}
+          columns={[
+            { title: "审核维度", dataIndex: "dim", width: 100 },
+            { title: "审核重点", dataIndex: "focus", width: 160 },
+            {
+              title: "结论", dataIndex: "result", width: 120,
+              render: (val, _, idx) => (
+                <Select value={val} size="small" style={{ width: 100 }} onChange={(v) => updateRow(idx, "result", v)}>
+                  <Select.Option value="符合">符合</Select.Option>
+                  <Select.Option value="需修改">需修改</Select.Option>
+                </Select>
+              ),
+            },
+            {
+              title: "审核意见", dataIndex: "opinion", width: 180,
+              render: (val, _, idx) => (
+                <Input size="small" value={val} onChange={(e) => updateRow(idx, "opinion", e.target.value)} />
+              ),
+            },
+            {
+              title: "修改反馈", dataIndex: "feedback", width: 120,
+              render: (val, record) => {
+                if (record.feedbackType === "success") return <Tag color="success">已验证</Tag>;
+                if (record.feedbackType === "warning") return <Tag color="warning">待反馈</Tag>;
+                return <span style={{ color: "#999" }}>—</span>;
+              },
+            },
+          ]}
+          rowKey="dim"
+          pagination={false}
+          size="small"
+        />
+
+        <div style={{ marginTop: 12 }}>
+          <Typography.Text strong>总体审核意见</Typography.Text>
+          <TextArea rows={2} defaultValue="完成危险辨识修改后通过内部审核。" style={{ marginTop: 4 }} />
+        </div>
+
+        <Flex justify="space-between" align="center" style={{ marginTop: 10 }}>
+          <Flex gap={8} align="center">
+            <Typography.Text type="secondary">内审人独立签字</Typography.Text>
+            <strong>王丽萍</strong>
+            <Button size="small">下发APP签字</Button>
+          </Flex>
+        </Flex>
+
+        <Flex justify="flex-end" gap={8} style={{ marginTop: 16 }}>
+          <Button>保存意见</Button>
+          <Button type="primary">确认修改并提交技审</Button>
+        </Flex>
+     
+    </div>
+  );
+};
 
 export default InternalReviewContent;
\ No newline at end of file
diff --git a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/SurveyContent.js b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/SurveyContent.js
index 9a3c0ac..65f886d 100644
--- a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/SurveyContent.js
+++ b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/SurveyContent.js
@@ -1,30 +1,227 @@
-import React from "react";
-import { Card, Steps, Descriptions } from "antd";
+import React, { useState } from "react";
+import { Tag, Button, Card, Table, Flex, Typography, Steps } from "antd";
+import { CheckCircleFilled } from "@ant-design/icons";
 
-const SurveyContent = () => (
-  <Card title="现场踏勘">
-    <Steps current={5} size="small">
-      <Steps.Step title="从业告知" description="已完成" />
-      <Steps.Step title="现场勘查" description="已完成" />
-      <Steps.Step title="整改通知" description="已完成" />
-      <Steps.Step title="企业整改" description="已完成" />
-      <Steps.Step title="整改复查" description="已完成" />
-    </Steps>
-    <Descriptions bordered column={2}>
-      <Descriptions.Item label="现场人员打卡" span={3}>
-        至少2名项目组专职人员完成有效签到签退
-      </Descriptions.Item>
-      <Descriptions.Item label="影像留痕" span={3}>
-        厂区入口、生产装置区、末次会议等关键影像已上传
-      </Descriptions.Item>
-      <Descriptions.Item label="检查表" span={3}>
-        现场检查表已上传
-      </Descriptions.Item>
-      <Descriptions.Item label="整改复查" span={3}>
-        整改通知和复查单双方已签字
-      </Descriptions.Item>
-    </Descriptions>
-  </Card>
+const STAGES = [
+  { key: "notice", index: "01", label: "从业告知",},
+  { key: "inspection", index: "02", label: "现场勘查", },
+  { key: "rectification", index: "03", label: "整改通知",  },
+  { key: "enterprise", index: "04", label: "企业整改",},
+  { key: "review", index: "05", label: "整改复查",  },
+];
+
+const NoticePanel = () => (
+  <div>
+    <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }}>
+      <div>
+        <span style={{ fontSize: 20, fontWeight: 600, color: "#1677ff", marginRight: 8 }}>01</span>
+        <Typography.Text strong style={{ fontSize: 15 }}>安全评价检测检验机构从业告知书</Typography.Text>
+        <Typography.Paragraph type="secondary" style={{ margin: 0 }}>支持在线填写后打印；阶段试行期间，以机构盖章版上传归档作为完成依据。</Typography.Paragraph>
+      </div>
+      <Tag color="success">盖章件已上传</Tag>
+    </div>
+
+    <div style={{ background: "#f0f5ff", padding: "8px 12px", borderRadius: 6, marginBottom: 16, display: "flex", gap: 16, fontSize: 13 }}>
+      <strong>办理方式</strong>
+      <span>在线填写用于生成、打印标准告知书</span>
+      <span>打印盖章后上传扫描件或清晰照片</span>
+      <Tag color="blue">完成节点必须留存盖章件</Tag>
+    </div>
+
+    <Card type="inner" size="small" title="已上传盖章件" extra={<Tag color="success">已上传</Tag>} style={{ marginBottom: 12 }}>
+      <Flex justify="space-between" align="center">
+        <Flex gap={8} align="center">
+          <span style={{ background: "#1677ff", color: "#fff", padding: "4px 6px", borderRadius: 4, fontSize: 12 }}>PDF</span>
+          <div>
+            <Typography.Text strong>安全评价检测检验机构从业告知书（盖章版）.pdf</Typography.Text>
+            <Typography.Paragraph type="secondary" style={{ margin: 0, fontSize: 12 }}>2.4MB · 2026-07-07 10:28 上传</Typography.Paragraph>
+          </div>
+        </Flex>
+        <Flex gap={8}>
+          <Button size="small">查看</Button>
+          <Button size="small">重新上传</Button>
+        </Flex>
+      </Flex>
+    </Card>
+
+    <div style={{ display: "flex", gap: 16, fontSize: 12 }}>
+      <div><CheckCircleFilled style={{ color: "#52c41a" }} /> 机构公章清晰</div>
+      <div><CheckCircleFilled style={{ color: "#52c41a" }} /> 填写内容完整</div>
+      <div><CheckCircleFilled style={{ color: "#52c41a" }} /> 归档版本一致</div>
+    </div>
+
+    <Flex justify="flex-end" gap={8} style={{ marginTop: 16 }}>
+      <Button>打印告知书</Button>
+      <Button type="primary">确认从业告知完成</Button>
+    </Flex>
+  </div>
 );
 
+const InspectionPanel = () => (
+  <div>
+    <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }}>
+      <div>
+        <span style={{ fontSize: 20, fontWeight: 600, color: "#1677ff", marginRight: 8 }}>02</span>
+        <Typography.Text strong style={{ fontSize: 15 }}>现场人员打卡与检查表</Typography.Text>
+        <Typography.Paragraph type="secondary" style={{ margin: 0 }}>主要核验项目组人员是否真实到场，留存APP人脸、GPS、签到签退、现场照片及本人签字记录。</Typography.Paragraph>
+      </div>
+      <Tag color="success">打卡与检查表完整</Tag>
+    </div>
+
+    <Card type="inner" size="small" title="人员现场打卡情况" style={{ marginBottom: 12 }}>
+      <Table
+        dataSource={[
+          { name: "张建国", role: "项目负责人", face: "通过", gps: "正常", signIn: "08:52", signOut: "16:45", duration: "7h53m", photos: 12, sign: "已签字" },
+          { name: "李明华", role: "报告编制人", face: "通过", gps: "正常", signIn: "08:55", signOut: "16:43", duration: "7h48m", photos: 9, sign: "已签字" },
+          { name: "赵东升", role: "专业组员", face: "通过", gps: "正常", signIn: "08:57", signOut: "16:40", duration: "7h43m", photos: 7, sign: "已签字" },
+        ]}
+        columns={[
+          { title: "人员", dataIndex: "name" },
+          { title: "项目角色", dataIndex: "role" },
+          { title: "人脸识别", dataIndex: "face", render: (v) => <Tag color="success">{v}</Tag> },
+          { title: "GPS定位", dataIndex: "gps", render: (v) => <Tag color="success">{v}</Tag> },
+          { title: "签到时间", dataIndex: "signIn" },
+          { title: "签退时间", dataIndex: "signOut" },
+          { title: "在场时长", dataIndex: "duration" },
+          { title: "现场照片", dataIndex: "photos", render: (v) => <Button type="link" size="small">{v}张</Button> },
+          { title: "本人签字", dataIndex: "sign", render: (v) => <Tag color="success">{v}</Tag> },
+        ]}
+        rowKey="name"
+        pagination={false}
+        size="small"
+      />
+      <div style={{ display: "flex", gap: 24, marginTop: 8, fontSize: 12 }}>
+        <span>打卡企业地址：重庆市渝北区化工园区东路18号</span>
+        <span>允许打卡范围：企业地址周边500米</span>
+        <span>签到日期：2026-07-15</span>
+      </div>
+    </Card>
+
+    <Card type="inner" size="small" title="现场检查表">
+      <Flex justify="space-between" align="center">
+        <Flex gap={8} align="center">
+          <span style={{ background: "#52c41a", color: "#fff", padding: "4px 6px", borderRadius: 4, fontSize: 12 }}>XLSX</span>
+          <div>
+            <Typography.Text strong>华安化工园区现场安全检查表.xlsx</Typography.Text>
+            <Typography.Paragraph type="secondary" style={{ margin: 0, fontSize: 12 }}>1.8MB · 李明华 · 2026-07-15 17:06 上传</Typography.Paragraph>
+          </div>
+        </Flex>
+        <Flex gap={8} align="center">
+          <Tag color="success">已归档</Tag>
+          <Button size="small">查看</Button>
+          <Button size="small">删除</Button>
+        </Flex>
+      </Flex>
+    </Card>
+
+    <Flex justify="flex-end" gap={8} style={{ marginTop: 16 }}>
+      <Button>刷新打卡状态</Button>
+      <Button>导出打卡记录</Button>
+      <Button type="primary">确认现场勘查完成</Button>
+    </Flex>
+  </div>
+);
+
+const SimpleUploadPanel = ({ index, title, desc, icon, fileType, fileName, fileSize, uploader, date }) => (
+  <div>
+    <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }}>
+      <div>
+        <span style={{ fontSize: 20, fontWeight: 600, color: "#1677ff", marginRight: 8 }}>{index}</span>
+        <Typography.Text strong style={{ fontSize: 15 }}>{title}</Typography.Text>
+        <Typography.Paragraph type="secondary" style={{ margin: 0 }}>{desc}</Typography.Paragraph>
+      </div>
+      <Tag color="success">已完成</Tag>
+    </div>
+
+    <Flex gap={16}>
+      <Card style={{ flex: 1, textAlign: "center" }}>
+        <div style={{ fontSize: 32, marginBottom: 8 }}>{icon}</div>
+        <Typography.Text strong>上传{title}</Typography.Text>
+        <Typography.Paragraph type="secondary" style={{ fontSize: 12 }}>支持 PDF、Word、JPG、PNG</Typography.Paragraph>
+        <Button type="primary">选择文件</Button>
+        <div style={{ marginTop: 8, fontSize: 12, color: "#999" }}>上传后本节点自动标记完成</div>
+      </Card>
+
+      <Card style={{ flex: 1 }}>
+        <Flex justify="space-between" align="center" style={{ marginBottom: 12 }}>
+          <Typography.Text strong>已归档文件</Typography.Text>
+          <Tag color="success">已上传</Tag>
+        </Flex>
+        <Flex gap={8} align="center">
+          <span style={{ background: "#1677ff", color: "#fff", padding: "4px 6px", borderRadius: 4, fontSize: 12 }}>{fileType}</span>
+          <div>
+            <Typography.Text strong>{fileName}</Typography.Text>
+            <Typography.Paragraph type="secondary" style={{ margin: 0, fontSize: 12 }}>{fileSize} · {uploader} · {date} 上传</Typography.Paragraph>
+          </div>
+        </Flex>
+        <Flex justify="flex-end" gap={8} style={{ marginTop: 8 }}>
+          <Button size="small">查看</Button>
+          <Button size="small">替换修改</Button>
+        </Flex>
+      </Card>
+    </Flex>
+
+    <Flex justify="flex-end" gap={8} style={{ marginTop: 16 }}>
+      <Button>重新上传</Button>
+      <Button type="primary">确认完成</Button>
+    </Flex>
+  </div>
+);
+
+const SurveyContent = () => {
+  const [activeStage, setActiveStage] = useState("notice");
+
+  return (
+    <div>
+      <div className="pf-permission">
+        <Tag color="blue" className="pf-tag">项目组专职人员 ≥ 2人</Tag>
+        <span className="pf-desc">从业告知、现场勘查、整改与复查全过程留痕</span>
+      </div>
+
+     
+        <Steps
+          current={STAGES.findIndex((s) => s.key === activeStage)}
+        
+          onChange={(idx) => setActiveStage(STAGES[idx].key)}
+          style={{ marginBottom: 16 }}
+          items={STAGES.map((s) => ({
+            title: s.label,
+            status: "process",
+          }))}
+        />
+
+        {activeStage === "notice" && <NoticePanel />}
+        {activeStage === "inspection" && <InspectionPanel />}
+        {activeStage === "rectification" && (
+          <SimpleUploadPanel
+            index="03" title="整改通知单上传"
+            desc="本节点不在线编制整改通知，只归档机构已出具的《整改通知单》文件；上传成功即完成，后续可替换修改。"
+            icon="📄" fileType="PDF"
+            fileName="华安化工园区建设项目整改通知单.pdf"
+            fileSize="2.1MB" uploader="张建国" date="2026-07-15 17:20"
+          />
+        )}
+        {activeStage === "enterprise" && (
+          <SimpleUploadPanel
+            index="04" title="企业整改报告上传"
+            desc="企业线下提交《整改报告》后，由机构人员上传归档；本系统不提供企业在线提交和逐项整改流程。"
+            icon="📄" fileType="PDF"
+            fileName="华安化工园区企业整改报告.pdf"
+            fileSize="3.5MB" uploader="李明华" date="2026-07-16 09:15"
+          />
+        )}
+        {activeStage === "review" && (
+          <SimpleUploadPanel
+            index="05" title="整改复查单上传"
+            desc="机构人员现场复查后，将经双方签字确认的《整改复查单》上传归档；上传后本节点自动标记完成。"
+            icon="📄" fileType="PDF"
+            fileName="华安化工园区整改复查单（双方签字）.pdf"
+            fileSize="1.6MB" uploader="张建国" date="2026-07-18 11:30"
+          />
+        )}
+     
+    </div>
+  );
+};
+
 export default SurveyContent;
\ No newline at end of file
diff --git a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TechnicalReviewContent.js b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TechnicalReviewContent.js
index f547258..900da16 100644
--- a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TechnicalReviewContent.js
+++ b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TechnicalReviewContent.js
@@ -1,31 +1,87 @@
-import React from "react";
-import { Card, Descriptions, Table } from "antd";
+import React, { useState } from "react";
+import { Tag, Button, Card, Row, Col, Table, Select, Input, Flex, Typography } from "antd";
 
-const TechnicalReviewContent = () => (
-  <Card title="技术审核">
-    <Descriptions bordered column={2}>
-      <Descriptions.Item label="审核版本">V1.4</Descriptions.Item>
-      <Descriptions.Item label="技术负责人">陈志强</Descriptions.Item>
-      <Descriptions.Item label="专业匹配">化工安全</Descriptions.Item>
-      <Descriptions.Item label="备案校验">有效</Descriptions.Item>
-    </Descriptions>
-    <Table
-      dataSource={[
-        { id: 1, dim: "资料有效性", focus: "现场资料和检测报告齐全有效", result: "符合", opinion: "资料有效" },
-        { id: 2, dim: "危险辨识", focus: "辨识充分、规律准确", result: "符合", opinion: "辨识充分" },
-        { id: 3, dim: "评价方法", focus: "选型合理、计算正确", result: "需修改", opinion: "补充事故模拟参数来源" },
-      ]}
-      columns={[
-        { title: "审核维度", dataIndex: "dim" },
-        { title: "技术审核重点", dataIndex: "focus" },
-        { title: "结论", dataIndex: "result" },
-        { title: "技术意见", dataIndex: "opinion" },
-      ]}
-      rowKey="id"
-      pagination={false}
-      className="pf-table-mt"
-    />
-  </Card>
-);
+const { TextArea } = Input;
+
+const INITIAL_ROWS = [
+  { dim: "资料有效性", focus: "现场资料和检测报告齐全有效", result: "符合", opinion: "资料有效" },
+  { dim: "危险辨识", focus: "辨识充分、规律准确", result: "符合", opinion: "辨识充分" },
+  { dim: "评价方法", focus: "选型合理、计算正确", result: "需修改", opinion: "补充事故模拟参数来源" },
+  { dim: "对策措施", focus: "针对性和可行性", result: "符合", opinion: "措施可行" },
+  { dim: "评价结论", focus: "结论正确、反映风险", result: "符合", opinion: "结论正确" },
+];
+
+const TechnicalReviewContent = () => {
+  const [rows, setRows] = useState(INITIAL_ROWS);
+
+  const updateRow = (index, field, value) => {
+    const next = [...rows];
+    next[index] = { ...next[index], [field]: value };
+    setRows(next);
+  };
+
+  return (
+    <div>
+      <div className="pf-permission">
+        <Tag color="blue" className="pf-tag">技术负责人</Tag>
+        <span className="pf-desc">技术负责人独立审核技术路线和结论</span>
+      </div>
+
+     
+        <Row gutter={16} style={{ marginBottom: 16 }}>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">审核版本</Typography.Text><div><strong>V1.4</strong></div></Card></Col>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">技术负责人</Typography.Text><div><strong>陈志强</strong></div></Card></Col>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">专业匹配</Typography.Text><div><Typography.Text strong type="success">化工安全</Typography.Text></div></Card></Col>
+          <Col span={6}><Card size="small"><Typography.Text type="secondary">备案校验</Typography.Text><div><Typography.Text strong type="success">有效</Typography.Text></div></Card></Col>
+        </Row>
+
+        <Table
+          dataSource={rows}
+          columns={[
+            { title: "审核维度", dataIndex: "dim", width: 120 },
+            { title: "技术审核重点", dataIndex: "focus", width: 200 },
+            {
+              title: "结论", dataIndex: "result", width: 120,
+              render: (val, _, idx) => (
+                <Select value={val} size="small" style={{ width: 100 }} onChange={(v) => updateRow(idx, "result", v)}>
+                  <Select.Option value="符合">符合</Select.Option>
+                  <Select.Option value="需修改">需修改</Select.Option>
+                </Select>
+              ),
+            },
+            {
+              title: "技术意见", dataIndex: "opinion",
+              render: (val, _, idx) => (
+                <Input size="small" value={val} onChange={(e) => updateRow(idx, "opinion", e.target.value)} />
+              ),
+            },
+          ]}
+          rowKey="dim"
+          pagination={false}
+          size="small"
+        />
+
+        <div style={{ marginTop: 12 }}>
+          <Typography.Text strong>技术审核意见</Typography.Text>
+          <TextArea rows={2} defaultValue="补充定量评价参数来源后通过技术审核。" style={{ marginTop: 4 }} />
+        </div>
+
+        <Flex justify="space-between" align="center" style={{ marginTop: 10 }}>
+          <Flex gap={8} align="center">
+            <Typography.Text type="secondary">技术负责人签字</Typography.Text>
+            <strong>陈志强</strong>
+            <Button size="small">下发APP签字</Button>
+          </Flex>
+        </Flex>
+
+        <Flex justify="flex-end" gap={8} style={{ marginTop: 16 }}>
+          <Button>保存意见</Button>
+          <Button>查看修改反馈</Button>
+          <Button type="primary">确认技审并提交过程控制</Button>
+        </Flex>
+     
+    </div>
+  );
+};
 
 export default TechnicalReviewContent;
\ No newline at end of file