From 402d3dd5755c6c44dca76a875d93b4b39f717bb9 Mon Sep 17 00:00:00 2001
From: linxd <544554903@qq.com>
Date: Mon, 23 Jun 2025 10:54:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E4=BE=9B=E5=BA=94=E5=95=86?=
 =?UTF-8?q?=E8=AF=84=E4=BB=B7=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/router.config.ts                       |  92 +++
 src/dicts/supplierTemplateDict.ts             |  43 ++
 src/pages/register/supplier/DomesticForm.tsx  |   4 +-
 src/pages/register/supplier/ForeignForm.tsx   |   6 +-
 .../components/GeneralEvaluation.tsx          | 242 +++++++
 .../components/TechnicalEvaluation.tsx        | 265 +++++++
 .../components/components.less                |  80 +++
 .../supplierEvaluateResult.less               | 113 +++
 .../supplierEvaluateResult.tsx                | 320 ++++++++-
 .../supplierEvaluateResultByZb.tsx            |   1 +
 .../supplierEvaluateResultInfo.tsx            | 307 ++++++++
 .../supplierEvaluateResultScoreByList.tsx     |   1 +
 .../supplierEvaluateResultScoreDetail.tsx     |  64 ++
 .../supplierEvaluateResultApproval.tsx        | 384 +++++++++-
 .../supplierEvaluateScore.tsx                 | 347 ++++++++-
 .../supplierTaskManage/supplierTaskManage.tsx |  82 +--
 .../supplierTemplateManage.less               |   3 +
 .../supplierTemplateManage.tsx                | 665 +++++++++++++++++-
 src/typings.d.ts                              | 150 ++++
 19 files changed, 3089 insertions(+), 80 deletions(-)
 create mode 100644 src/dicts/supplierTemplateDict.ts
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/components/GeneralEvaluation.tsx
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/components/TechnicalEvaluation.tsx
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/components/components.less
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.less
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultByZb.tsx
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultInfo.tsx
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreByList.tsx
 create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreDetail.tsx
 create mode 100644 src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.less

diff --git a/config/router.config.ts b/config/router.config.ts
index abc2e93..2022811 100644
--- a/config/router.config.ts
+++ b/config/router.config.ts
@@ -22,26 +22,41 @@ export default [
     routes: [
       {
         path: '/',
+        meta: {
+          title: '首页',
+        },
         redirect: '/index',
       },
       {
         name: 'index',
         path: '/index',
+        meta: {
+          title: '首页',
+        },
         component: '@/pages/index',
       },
       {
         name: 'userManage',
         path: '/userManage',
+        meta: {
+          title: '用户管理',
+        },
         component: '@/pages/userManage/userManage',
       },
       {
         name: 'downloadManage',
         path: '/downloadManage',
+        meta: {
+          title: '下载管理',
+        },
         component: '@/pages/downloadManage/downloadManage',
       },
       {
         name: 'noticeManage',
         path: '/noticeManage',
+        meta: {
+          title: '公告管理',
+        },
         component: '@/pages/noticeManage/noticeManage',
       },
       {
@@ -52,76 +67,153 @@ export default [
       {
         name: 'aboutManage',
         path: '/aboutManage',
+        meta: {
+          title: '关于我们',
+        },
         component: '@/pages/aboutManage/aboutManage',
       },
       {
         name: 'helpManage',
         path: '/helpManage',
+        meta: {
+          title: '帮助中心',
+        },
         component: '@/pages/helpManage/helpManage',
       },
       {
         name: 'readQuestionManage',
         path: '/readQuestionManage',
+        meta: {
+          title: '已读问题',
+        },
         component: '@/pages/userQuestionManage/readQuestionManage',
       },
       {
         name: 'unreadQuestionManage',
         path: '/unreadQuestionManage',
+        meta: {
+          title: '未读问题',
+        },
         component: '@/pages/userQuestionManage/unreadQuestionManage',
       },
       {
         name: 'friendLinkCategory',
         path: '/friendLinkCategory',
+        meta: {
+          title: '友情链接分类',
+        },
         component: '@/pages/friendLinkManage/friendLinkCategory',
       },
       {
         name: 'friendLinkManage',
         path: '/friendLinkManage',
+        meta: {
+          title: '友情链接管理',
+        },
         component: '@/pages/friendLinkManage/friendLinkManage',
       },
       {
         name: 'supplierTemplateManage',
         path: '/supplierTemplateManage',
+        meta: {
+          title: '供应商模板管理',
+        },
         component: '@/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage',
       },
       {
         name: 'supplierTaskManage',
         path: '/supplierTaskManage',
+        meta: {
+          title: '供应商任务管理',
+        },
         component: '@/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage',
       },
       {
         name: 'supplierEvaluateScore',
         path: '/supplierEvaluateScore',
+        meta: {
+          title: '供应商评分管理',
+        },
         component: '@/pages/supplierEvaluateManage/supplierEvaluateScore/supplierEvaluateScore',
       },
       {
         name: 'supplierEvaluateResult',
         path: '/supplierEvaluateResult',
+        meta: {
+          title: '供应商评价结果',
+        },
         component: '@/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult',
       },
+      {
+        name: 'supplierEvaluateResultInfo',
+        path: '/supplierEvaluateResult/supplierEvaluateResultInfo',
+        meta: {
+          title: '供应商评价结果详情',
+        },
+        component: '@/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultInfo',
+      },
+      {
+        name: 'supplierEvaluateResultScoreDetail',
+        path: '/supplierEvaluateResult/supplierEvaluateResultScoreDetail',
+        meta: {
+          title: '供应商评价结果得分明细',
+        },
+        component: '@/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreDetail',
+      },
+      {
+        name: 'supplierEvaluateResultScoreByList',
+        path: '/supplierEvaluateResult/supplierEvaluateResultScoreByList',
+        meta: {
+          title: '供应商评价结果打分情况',
+        },
+        component: '@/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreByList',
+      },
+      {
+        name: 'supplierEvaluateResultByZb',
+        path: '/supplierEvaluateResult/supplierEvaluateResultByZb',
+        meta: {
+          title: '评价结果详情',
+        },
+        component: '@/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultByZb',
+      },
       {
         name: 'supplierEvaluateResultApproval',
         path: '/supplierEvaluateResultApproval',
+        meta: {
+          title: '供应商评价结果审批',
+        },
         component: '@/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval',
       },
       {
         name: 'supplierAnnualTemplateManage',
         path: '/supplierAnnualTemplateManage',
+        meta: {
+          title: '供应商年度模板管理',
+        },
         component: '@/pages/supplierAnnualManage/supplierAnnualTemplateManage/supplierAnnualTemplateManage',
       },
       {
         name: 'supplierAnnualTaskManage',
         path: '/supplierAnnualTaskManage',
+        meta: {
+          title: '供应商年度任务管理',
+        },
         component: '@/pages/supplierAnnualManage/supplierAnnualTaskManage/supplierAnnualTaskManage',
       },
       {
         name: 'supplierAnnualQuery',
         path: '/supplierAnnualQuery',
+        meta: {
+          title: '供应商年度查询',
+        },
         component: '@/pages/supplierAnnualManage/supplierAnnualQuery/supplierAnnualQuery',
       },
       {
         name: 'supplierAnnualResult',
         path: '/supplierAnnualResult',
+        meta: {
+          title: '供应商年度结果',
+        },
         component: '@/pages/supplierAnnualManage/supplierAnnualResult/supplierAnnualResult',
       },
     ]
diff --git a/src/dicts/supplierTemplateDict.ts b/src/dicts/supplierTemplateDict.ts
new file mode 100644
index 0000000..60e436b
--- /dev/null
+++ b/src/dicts/supplierTemplateDict.ts
@@ -0,0 +1,43 @@
+// 模板类型 - 从任务字典导入
+import { TaskType, TaskTypeText } from './supplierTaskDict';
+
+// 模板状态
+export const TemplateStatus = {
+  ENABLED: 'enabled',   // 启用
+  DISABLED: 'disabled', // 禁用
+};
+
+export const TemplateStatusText = {
+  [TemplateStatus.ENABLED]: '已启用',
+  [TemplateStatus.DISABLED]: '已禁用',
+};
+
+export const TemplateStatusColor = {
+  [TemplateStatus.ENABLED]: 'green',
+  [TemplateStatus.DISABLED]: 'red',
+};
+
+// 评价等级
+export const EvaluateLevel = {
+  EXCELLENT: 'excellent', // 优秀
+  GOOD: 'good',           // 良好
+  AVERAGE: 'average',     // 一般
+  POOR: 'poor',           // 较差
+};
+
+export const EvaluateLevelText = {
+  [EvaluateLevel.EXCELLENT]: 'A',
+  [EvaluateLevel.GOOD]: 'B',
+  [EvaluateLevel.AVERAGE]: 'C',
+  [EvaluateLevel.POOR]: 'D',
+};
+
+export const EvaluateLevelColor = {
+  [EvaluateLevel.EXCELLENT]: 'green',
+  [EvaluateLevel.GOOD]: 'blue',
+  [EvaluateLevel.AVERAGE]: 'orange',
+  [EvaluateLevel.POOR]: 'red',
+};
+
+// 重新导出任务类型
+export { TaskType, TaskTypeText };
diff --git a/src/pages/register/supplier/DomesticForm.tsx b/src/pages/register/supplier/DomesticForm.tsx
index d792b96..d2218c1 100644
--- a/src/pages/register/supplier/DomesticForm.tsx
+++ b/src/pages/register/supplier/DomesticForm.tsx
@@ -174,13 +174,11 @@ const DomesticForm: React.FC<DomesticFormProps> = ({
             />
           </Form.Item>
         </Col>
-        <Col span={24}>
+        <Col span={8}>
           <Form.Item
             name="businessScope"
             label="经营范围"
             rules={[{ required: true, message: '请输入经营范围' }]}
-            labelCol={{ span: 2 }}
-            wrapperCol={{ span: 22 }}
           >
             <TextArea
               placeholder="金融专用产品、广告传媒"
diff --git a/src/pages/register/supplier/ForeignForm.tsx b/src/pages/register/supplier/ForeignForm.tsx
index 7b360c9..aea3b4c 100644
--- a/src/pages/register/supplier/ForeignForm.tsx
+++ b/src/pages/register/supplier/ForeignForm.tsx
@@ -182,7 +182,6 @@ const ForeignForm: React.FC<ForeignFormProps> = ({ form, countdown, handleGetCap
           <Form.Item
             label="注册资本"
             required
-            style={{ marginBottom: 0 }}
           >
             <Input.Group compact style={{ display: 'flex' }}>
               <Form.Item name="capitalCurrency" noStyle initialValue="USD">
@@ -208,17 +207,16 @@ const ForeignForm: React.FC<ForeignFormProps> = ({ form, countdown, handleGetCap
             </Input.Group>
           </Form.Item>
         </Col>
-        <Col span={24}>
+        <Col span={8}>
           <Form.Item
             name="businessScope"
             label="经营范围"
-            labelCol={{ span: 2 }}
-            wrapperCol={{ span: 22 }}
             rules={[{ required: true, message: '请输入经营范围' }]}
           >
             <TextArea placeholder="请输入经营范围" rows={2} maxLength={200} showCount />
           </Form.Item>
         </Col>
+        <Col span={8}></Col>
         <Col span={8}>
           <Form.Item
             name="contactName"
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/GeneralEvaluation.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/GeneralEvaluation.tsx
new file mode 100644
index 0000000..8677ec6
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/GeneralEvaluation.tsx
@@ -0,0 +1,242 @@
+import React from 'react';
+import { Table, Progress, Typography, Card, Tag } from 'antd';
+import styles from './components.less';
+
+const { Title, Text } = Typography;
+
+interface GeneralEvaluationProps {
+  supplierName?: string;
+}
+
+const GeneralEvaluation: React.FC<GeneralEvaluationProps> = ({ supplierName }) => {
+  // 评价数据
+  const evaluationData = [
+    {
+      key: '1',
+      firstIndex: '基本情况(base case)',
+      firstDescription: '企业基本资质与存续状态证明',
+      firstScore: 4,
+      secondIndex: '资质文件',
+      secondScore: 1,
+      averageScore: 3,
+      rowSpan: 2,
+    },
+    {
+      key: '2',
+      firstIndex: '基本情况(base case)',
+      firstDescription: '企业基本资质与存续状态证明',
+      firstScore: 4,
+      secondIndex: 'XXX',
+      secondScore: 3,
+      averageScore: 1,
+      rowSpan: 0, // 设为0表示不显示
+    },
+    {
+      key: '3',
+      firstIndex: '成本(cost)',
+      firstDescription: '商品与服务的总拥有成本',
+      firstScore: 7,
+      secondIndex: 'XXX',
+      secondScore: 7,
+      averageScore: 6.5,
+      rowSpan: 1,
+    },
+    {
+      key: '4',
+      firstIndex: '创新(innovate)',
+      firstDescription: '为公司提供竞争优势，提高商业价值而持续提供创新性建议及解决方案',
+      firstScore: 20,
+      secondIndex: 'XXX',
+      secondScore: 20,
+      averageScore: 18.5,
+      rowSpan: 1,
+    },
+    {
+      key: '5',
+      firstIndex: '服务 (service)',
+      firstDescription: '为满足公司商业需求而提供的服务与支持',
+      firstScore: 10,
+      secondIndex: 'XXX',
+      secondScore: 10,
+      averageScore: 10,
+      rowSpan: 1,
+    },
+    {
+      key: '6',
+      firstIndex: '质量(quality)',
+      firstDescription: '提供满足需求（规格）的产品与服务',
+      firstScore: 25,
+      secondIndex: 'XXX',
+      secondScore: 25,
+      averageScore: 24,
+      rowSpan: 1,
+    },
+    {
+      key: '7',
+      firstIndex: '绿色(environment protection)',
+      firstDescription: '优秀的交付能力及与之相关的灵活性',
+      firstScore: 25,
+      secondIndex: 'XXX',
+      secondScore: 25,
+      averageScore: 24,
+      rowSpan: 1,
+    },
+    {
+      key: '8',
+      firstIndex: '安全(safety)',
+      firstDescription: '产品质量安全、环境保护、风险防控及商业道德约束',
+      firstScore: 6,
+      secondIndex: 'XXX',
+      secondScore: 6,
+      averageScore: 5,
+      rowSpan: 1,
+    },
+    {
+      key: '9',
+      firstIndex: '廉洁(integrity)',
+      firstDescription: '商业道德约束',
+      firstScore: 3,
+      secondIndex: '商业贿赂与道德风险',
+      secondScore: 3,
+      averageScore: 3,
+      rowSpan: 1,
+    },
+    {
+      key: '10',
+      firstIndex: '合计',
+      firstDescription: '',
+      firstScore: 100,
+      secondIndex: '',
+      secondScore: 100,
+      averageScore: 95,
+      rowSpan: 1,
+    },
+  ];
+
+  const columns = [
+    {
+      title: '',
+      dataIndex: 'index',
+      key: 'index',
+      width: 50,
+      render: (text: string, record: any, index: number) => index + 1,
+    },
+    {
+      title: '一级指标',
+      children: [
+        {
+          title: '*基本指标',
+          dataIndex: 'firstIndex',
+          key: 'firstIndex',
+          width: 150,
+          render: (text: string, record: any, index: number) => {
+            return {
+              children: text,
+              props: {
+                rowSpan: record.rowSpan,
+              },
+            };
+          },
+        },
+        {
+          title: '*指标说明',
+          dataIndex: 'firstDescription',
+          key: 'firstDescription',
+          width: 220,
+          render: (text: string, record: any) => {
+            return {
+              children: text,
+              props: {
+                rowSpan: record.rowSpan,
+              },
+            };
+          },
+        },
+        {
+          title: '分值',
+          dataIndex: 'firstScore',
+          key: 'firstScore',
+          width: 80,
+          render: (text: number, record: any) => {
+            return {
+              children: text,
+              props: {
+                rowSpan: record.rowSpan,
+              },
+            };
+          },
+        },
+      ],
+    },
+    {
+      title: '二级指标',
+      children: [
+        {
+          title: '*细分指标',
+          dataIndex: 'secondIndex',
+          key: 'secondIndex',
+          width: 180,
+        },
+        {
+          title: '分值',
+          dataIndex: 'secondScore',
+          key: 'secondScore',
+          width: 80,
+        },
+      ],
+    },
+    {
+      title: '平均分',
+      dataIndex: 'averageScore',
+      key: 'averageScore',
+      width: 80,
+      render: (score: number) => (
+        <span className={score < 60 ? styles.lowScore : ''}>
+          {score}
+        </span>
+      ),
+    },
+  ];
+
+  // 计算总分
+  const totalScore = evaluationData[evaluationData.length - 1].averageScore;
+  const totalPossibleScore = evaluationData[evaluationData.length - 1].firstScore;
+  const scorePercentage = (totalScore / totalPossibleScore) * 100;
+
+  return (
+    <div className={styles.evaluationContainer}>
+      <Card className={styles.summaryCard}>
+        <div className={styles.scoreSummary}>
+          <div className={styles.scoreCircle}>
+            <Progress
+              type="circle"
+              percent={scorePercentage}
+              format={() => `${totalScore}`}
+              width={80}
+              strokeColor={{
+                '0%': '#108ee9',
+                '100%': '#87d068',
+              }}
+            />
+          </div>
+          <div className={styles.scoreInfo}>
+            <Title level={4}>通用评价总分</Title>
+            <Text type="secondary">满分: {totalPossibleScore}分</Text>
+            {supplierName && <Text type="secondary">供应商: {supplierName}</Text>}
+          </div>
+        </div>
+      </Card>
+
+      <Table
+        columns={columns}
+        dataSource={evaluationData}
+        pagination={false}
+        className={styles.scoreTable}
+        bordered
+        size="middle"
+      />
+    </div>
+  );
+};
+
+export default GeneralEvaluation;
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/TechnicalEvaluation.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/TechnicalEvaluation.tsx
new file mode 100644
index 0000000..0339a20
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/TechnicalEvaluation.tsx
@@ -0,0 +1,265 @@
+import React from 'react';
+import { Table, Progress, Typography, Card, Tag } from 'antd';
+import styles from './components.less';
+
+const { Title, Text } = Typography;
+
+interface TechnicalEvaluationProps {
+  supplierName?: string;
+}
+
+const TechnicalEvaluation: React.FC<TechnicalEvaluationProps> = ({ supplierName }) => {
+  // 评价数据
+  const evaluationData = [
+    {
+      key: '1',
+      firstIndex: '技术实力',
+      firstDescription: '技术团队规模与研发能力',
+      firstScore: 20,
+      secondIndex: '研发团队规模',
+      secondScore: 10,
+      averageScore: 9,
+      rowSpan: 2,
+    },
+    {
+      key: '2',
+      firstIndex: '技术实力',
+      firstDescription: '技术团队规模与研发能力',
+      firstScore: 20,
+      secondIndex: '技术创新能力',
+      secondScore: 10,
+      averageScore: 8,
+      rowSpan: 0, // 设为0表示不显示
+    },
+    {
+      key: '3',
+      firstIndex: '产品性能',
+      firstDescription: '产品的技术指标与性能表现',
+      firstScore: 25,
+      secondIndex: '核心性能指标',
+      secondScore: 15,
+      averageScore: 14,
+      rowSpan: 2,
+    },
+    {
+      key: '4',
+      firstIndex: '产品性能',
+      firstDescription: '产品的技术指标与性能表现',
+      firstScore: 25,
+      secondIndex: '稳定性与可靠性',
+      secondScore: 10,
+      averageScore: 9.5,
+      rowSpan: 0,
+    },
+    {
+      key: '5',
+      firstIndex: '技术支持',
+      firstDescription: '提供的技术服务与支持能力',
+      firstScore: 15,
+      secondIndex: '响应速度',
+      secondScore: 8,
+      averageScore: 7.5,
+      rowSpan: 2,
+    },
+    {
+      key: '6',
+      firstIndex: '技术支持',
+      firstDescription: '提供的技术服务与支持能力',
+      firstScore: 15,
+      secondIndex: '问题解决能力',
+      secondScore: 7,
+      averageScore: 6.5,
+      rowSpan: 0,
+    },
+    {
+      key: '7',
+      firstIndex: '技术文档',
+      firstDescription: '技术文档的完整性与准确性',
+      firstScore: 10,
+      secondIndex: '文档完整性',
+      secondScore: 5,
+      averageScore: 4.5,
+      rowSpan: 2,
+    },
+    {
+      key: '8',
+      firstIndex: '技术文档',
+      firstDescription: '技术文档的完整性与准确性',
+      firstScore: 10,
+      secondIndex: '文档准确性',
+      secondScore: 5,
+      averageScore: 4,
+      rowSpan: 0,
+    },
+    {
+      key: '9',
+      firstIndex: '技术培训',
+      firstDescription: '提供的技术培训与知识转移',
+      firstScore: 15,
+      secondIndex: '培训质量',
+      secondScore: 8,
+      averageScore: 7,
+      rowSpan: 2,
+    },
+    {
+      key: '10',
+      firstIndex: '技术培训',
+      firstDescription: '提供的技术培训与知识转移',
+      firstScore: 15,
+      secondIndex: '培训频率',
+      secondScore: 7,
+      averageScore: 6,
+      rowSpan: 0,
+    },
+    {
+      key: '11',
+      firstIndex: '兼容性',
+      firstDescription: '与现有系统的兼容性',
+      firstScore: 15,
+      secondIndex: '系统兼容性评估',
+      secondScore: 15,
+      averageScore: 13.5,
+      rowSpan: 1,
+    },
+    {
+      key: '12',
+      firstIndex: '合计',
+      firstDescription: '',
+      firstScore: 100,
+      secondIndex: '',
+      secondScore: 100,
+      averageScore: 89.5,
+      rowSpan: 1,
+    },
+  ];
+
+  const columns = [
+    {
+      title: '',
+      dataIndex: 'index',
+      key: 'index',
+      width: 50,
+      render: (text: string, record: any, index: number) => index + 1,
+    },
+    {
+      title: '一级指标',
+      children: [
+        {
+          title: '*基本指标',
+          dataIndex: 'firstIndex',
+          key: 'firstIndex',
+          width: 150,
+          className: styles.requiredColumn,
+          render: (text: string, record: any, index: number) => {
+            return {
+              children: text,
+              props: {
+                rowSpan: record.rowSpan,
+              },
+            };
+          },
+        },
+        {
+          title: '*指标说明',
+          dataIndex: 'firstDescription',
+          key: 'firstDescription',
+          width: 220,
+          className: styles.requiredColumn,
+          render: (text: string, record: any) => {
+            return {
+              children: text,
+              props: {
+                rowSpan: record.rowSpan,
+              },
+            };
+          },
+        },
+        {
+          title: '分值',
+          dataIndex: 'firstScore',
+          key: 'firstScore',
+          width: 80,
+          render: (text: number, record: any) => {
+            return {
+              children: text,
+              props: {
+                rowSpan: record.rowSpan,
+              },
+            };
+          },
+        },
+      ],
+    },
+    {
+      title: '二级指标',
+      children: [
+        {
+          title: '*细分指标',
+          dataIndex: 'secondIndex',
+          key: 'secondIndex',
+          width: 180,
+          className: styles.requiredColumn,
+        },
+        {
+          title: '分值',
+          dataIndex: 'secondScore',
+          key: 'secondScore',
+          width: 80,
+        },
+      ],
+    },
+    {
+      title: '平均分',
+      dataIndex: 'averageScore',
+      key: 'averageScore',
+      width: 80,
+      render: (score: number) => (
+        <span className={score < 60 ? styles.lowScore : ''}>
+          {score}
+        </span>
+      ),
+    },
+  ];
+
+  // 计算总分
+  const totalScore = evaluationData[evaluationData.length - 1].averageScore;
+  const totalPossibleScore = evaluationData[evaluationData.length - 1].firstScore;
+  const scorePercentage = (totalScore / totalPossibleScore) * 100;
+
+  return (
+    <div className={styles.evaluationContainer}>
+      <Card className={styles.summaryCard}>
+        <div className={styles.scoreSummary}>
+          <div className={styles.scoreCircle}>
+            <Progress
+              type="circle"
+              percent={scorePercentage}
+              format={() => `${totalScore}`}
+              width={80}
+              strokeColor={{
+                '0%': '#108ee9',
+                '100%': '#87d068',
+              }}
+            />
+          </div>
+          <div className={styles.scoreInfo}>
+            <Title level={4}>技术评价总分</Title>
+            <Text type="secondary">满分: {totalPossibleScore}分</Text>
+            {supplierName && <Text type="secondary">供应商: {supplierName}</Text>}
+          </div>
+        </div>
+      </Card>
+
+      <Table
+        columns={columns}
+        dataSource={evaluationData}
+        pagination={false}
+        className={styles.scoreTable}
+        bordered
+        size="middle"
+      />
+    </div>
+  );
+};
+
+export default TechnicalEvaluation;
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/components.less b/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/components.less
new file mode 100644
index 0000000..77e9de3
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/components/components.less
@@ -0,0 +1,80 @@
+.evaluationContainer {
+  margin-top: 16px;
+}
+
+.summaryCard {
+  margin-bottom: 16px;
+}
+
+.scoreSummary {
+  display: flex;
+  align-items: center;
+}
+
+.scoreCircle {
+  margin-right: 24px;
+}
+
+.scoreInfo {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  h4 {
+    margin-bottom: 4px;
+  }
+}
+
+.scoreCell {
+  display: flex;
+  flex-direction: column;
+
+  span {
+    margin-bottom: 4px;
+  }
+}
+
+.scoreTable {
+  margin-top: 16px;
+
+  :global {
+    .ant-table-thead > tr > th {
+      background-color: #f5f5f5;
+      text-align: center;
+      font-weight: 500;
+    }
+
+    .ant-table-tbody > tr > td {
+      text-align: center;
+      vertical-align: middle;
+    }
+  }
+}
+
+/* 必填列样式 */
+.requiredColumn {
+  position: relative;
+
+  &::before {
+    content: '*';
+    color: #ff4d4f;
+    position: absolute;
+    left: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+/* 低分警示 */
+.lowScore {
+  color: #ff4d4f;
+  font-weight: 500;
+}
+
+/* 表格嵌套表头样式 */
+:global {
+  .ant-table-thead > tr > th.ant-table-cell-fix-left,
+  .ant-table-thead > tr > th.ant-table-cell-fix-right {
+    background-color: #f5f5f5;
+  }
+}
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.less b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.less
new file mode 100644
index 0000000..0f528a4
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.less
@@ -0,0 +1,113 @@
+/* 供应商评价结果模块公共样式 */
+
+/* 详情项样式 */
+.detail-item {
+  display: flex;
+  margin-bottom: 12px;
+
+  .label {
+    width: 120px;
+    text-align: right;
+    color: rgba(0, 0, 0, 0.85);
+    font-weight: 500;
+    margin-right: 8px;
+  }
+
+  .content {
+    flex: 1;
+    word-break: break-all;
+  }
+}
+
+/* 页面标题行样式 */
+.headerRow {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+/* 标题区域样式 */
+.titleSection {
+  display: flex;
+  align-items: center;
+}
+
+/* 操作区域样式 */
+.actionSection {
+  display: flex;
+  align-items: center;
+
+  button {
+    margin-left: 8px;
+  }
+}
+
+/* 页面标题样式 */
+.pageTitle {
+  margin-bottom: 0 !important;
+}
+
+/* 页面头部样式 - 从supplierEvaluateResultInfo.less */
+.page-header {
+  margin-bottom: 24px;
+
+  h2 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+    font-size: 20px;
+    font-weight: 500;
+  }
+}
+
+/* 详情项样式 - 从supplierEvaluateResultInfo.less */
+.detailItem {
+  margin-bottom: 8px;
+  line-height: 22px;
+
+  .label {
+    display: inline-block;
+    width: 100px;
+    color: rgba(0, 0, 0, 0.65);
+    font-weight: 500;
+  }
+
+  .content {
+    display: inline-block;
+    color: rgba(0, 0, 0, 0.85);
+  }
+}
+
+/* 得分详情模态框样式 - 从supplierEvaluateResultInfo.less */
+.scoreDetailModal {
+  .scoreItem {
+    display: flex;
+    margin-bottom: 12px;
+
+    .scoreLabel {
+      width: 120px;
+      font-weight: 500;
+    }
+
+    .scoreValue {
+      flex: 1;
+    }
+  }
+}
+
+/* 打分情况模态框样式 - 从supplierEvaluateResultInfo.less */
+.scoringModal {
+  .scoringItem {
+    display: flex;
+    margin-bottom: 12px;
+
+    .scoringLabel {
+      width: 120px;
+      font-weight: 500;
+    }
+
+    .scoringValue {
+      flex: 1;
+    }
+  }
+}
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.tsx
index 8934dac..7292aa4 100644
--- a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.tsx
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResult.tsx
@@ -1,11 +1,321 @@
-import React from 'react';
-import { Card } from 'antd';
+import React, { useState, useEffect } from 'react';
+import {
+  Card,
+  Form,
+  Input,
+  Select,
+  Button,
+  Table,
+  Space,
+  Tag,
+  DatePicker,
+  TablePaginationConfig,
+  Modal,
+  Row,
+  Col,
+  Tooltip,
+  message,
+} from 'antd';
+import {
+  SearchOutlined,
+  DeleteOutlined,
+  EyeOutlined,
+  PlusOutlined,
+} from '@ant-design/icons';
+import { TaskStatus, TaskStatusText, TaskStatusColor, TaskType, TaskTypeText } from '@/dicts/supplierTaskDict';
+import moment from 'moment';
+import styles from './supplierEvaluateResult.less';
+import { history } from 'umi';
+
+const { Option } = Select;
+const { RangePicker } = DatePicker;
+
+// 删除本地接口定义，使用全局定义
 
 const SupplierEvaluateResult: React.FC = () => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [resultData, setResultData] = useState<SupplierEvaluate.EvaluateResultRecord[]>([]);
+  const [pagination, setPagination] = useState<TablePaginationConfig>({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] = useState<SupplierEvaluate.EvaluateResultSearchParams>({});
+
+  // 品类数据
+  const categoryOptions = [
+    { label: '食品', value: '食品' },
+    { label: '电子', value: '电子' },
+    { label: '机械', value: '机械' },
+    { label: '化工', value: '化工' },
+    { label: '医药', value: '医药' },
+  ];
+
+  // 创建单位数据
+  const unitOptions = [
+    { label: '中山市合创展包装材料有限公司', value: '中山市合创展包装材料有限公司' },
+    { label: '广州市科技发展有限公司', value: '广州市科技发展有限公司' },
+    { label: '深圳市创新科技有限公司', value: '深圳市创新科技有限公司' },
+    { label: '东莞市制造业有限公司', value: '东莞市制造业有限公司' },
+  ];
+
+  // 模拟获取评价结果列表
+  const fetchResultList = async (
+    current = 1,
+    pageSize = 10,
+    params: SupplierEvaluate.EvaluateResultSearchParams = searchParams,
+  ) => {
+    // 更新搜索参数状态
+    if (params !== searchParams) {
+      setSearchParams(params);
+    }
+
+    setLoading(true);
+    try {
+      // 模拟API请求
+      setTimeout(() => {
+        // 模拟数据
+        const mockData: SupplierEvaluate.EvaluateResultRecord[] = Array.from({ length: 35 }).map((_, index) => {
+          const id = `${index + 1}`;
+          const status = Object.values(TaskStatus)[Math.floor(Math.random() * 3)];
+          const taskType = Math.random() > 0.5 ? TaskType.REGULAR : TaskType.SPECIAL;
+
+          // 随机选择单位和品类
+          const unitIndex = Math.floor(Math.random() * unitOptions.length);
+          const categoryIndex = Math.floor(Math.random() * categoryOptions.length);
+
+          // 随机生成日期
+          const startDate = moment().subtract(Math.floor(Math.random() * 60), 'days');
+          const endDate = moment(startDate).add(Math.floor(Math.random() * 30) + 15, 'days');
+
+          return {
+            id,
+            key: id,
+            evaluateTitle: `${TaskTypeText[taskType]}任务${index + 1}`,
+            evaluateCategory: categoryOptions[categoryIndex].value,
+            initiatingUnit: unitOptions[unitIndex].value,
+            startTime: startDate.format('YYYY-MM-DD'),
+            endTime: endDate.format('YYYY-MM-DD'),
+            status,
+            createTime: moment().subtract(Math.floor(Math.random() * 90), 'days').format('YYYY-MM-DD HH:mm:ss'),
+          };
+        });
+
+        // 根据搜索条件过滤
+        let filteredData = [...mockData];
+        if (params.evaluateTitle) {
+          filteredData = filteredData.filter(item =>
+            item.evaluateTitle.includes(params.evaluateTitle || '')
+          );
+        }
+        if (params.status) {
+          filteredData = filteredData.filter(item =>
+            item.status === params.status
+          );
+        }
+        if (params.timeRange && params.timeRange.length === 2) {
+          const start = moment(params.timeRange[0]);
+          const end = moment(params.timeRange[1]);
+          filteredData = filteredData.filter(item => {
+            const itemStart = moment(item.startTime);
+            return itemStart.isBetween(start, end, null, '[]');
+          });
+        }
+
+        // 分页
+        const startIndex = (current - 1) * pageSize;
+        const endIndex = startIndex + pageSize;
+        const paginatedData = filteredData.slice(startIndex, endIndex);
+
+        setResultData(paginatedData);
+        setPagination({
+          ...pagination,
+          current,
+          pageSize,
+          total: filteredData.length,
+        });
+
+        setLoading(false);
+      }, 500);
+    } catch (error) {
+      console.error('获取评价结果列表失败:', error);
+      message.error('获取评价结果列表失败');
+      setLoading(false);
+    }
+  };
+
+  // 首次加载获取数据
+  useEffect(() => {
+    fetchResultList(pagination.current, pagination.pageSize, {});
+  }, []);
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: TablePaginationConfig) => {
+    fetchResultList(newPagination.current, newPagination.pageSize, searchParams);
+  };
+
+  // 处理搜索
+  const handleSearch = (values: any) => {
+    const { timeRange, ...rest } = values;
+    const params: SupplierEvaluate.EvaluateResultSearchParams = { ...rest };
+
+    if (timeRange && timeRange.length === 2) {
+      params.timeRange = [timeRange[0].format('YYYY-MM-DD'), timeRange[1].format('YYYY-MM-DD')];
+    }
+
+    fetchResultList(1, pagination.pageSize, params);
+  };
+
+  // 处理重置
+  const handleReset = () => {
+    form.resetFields();
+    fetchResultList(1, pagination.pageSize, {});
+  };
+
+  // 查看详情 - 修改为跳转到详情页
+  const handleViewDetail = (record: SupplierEvaluate.EvaluateResultRecord) => {
+    history.push({
+      pathname: '/supplierEvaluateResult/supplierEvaluateResultInfo',
+      state: { record }
+    });
+  };
+
+  // 获取状态标签
+  const getStatusTag = (status: string) => {
+    const color = TaskStatusColor[status as keyof typeof TaskStatusColor] || 'default';
+    const text = TaskStatusText[status as keyof typeof TaskStatusText] || '未知状态';
+    return <Tag color={color}>{text}</Tag>;
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      render: (_: any, __: SupplierEvaluate.EvaluateResultRecord, index: number) =>
+        (pagination.current! - 1) * pagination.pageSize! + index + 1,
+      width: 80,
+    },
+    {
+      title: '评价主题',
+      dataIndex: 'evaluateTitle',
+      key: 'evaluateTitle',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (evaluateTitle: string) => (
+        <Tooltip placement="topLeft" title={evaluateTitle}>
+          {evaluateTitle}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '评价品类',
+      dataIndex: 'evaluateCategory',
+      key: 'evaluateCategory',
+      width: 120,
+    },
+    {
+      title: '发起单位',
+      dataIndex: 'initiatingUnit',
+      key: 'initiatingUnit',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: string) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '评价开始时间',
+      dataIndex: 'startTime',
+      key: 'startTime',
+      width: 120,
+    },
+    {
+      title: '评价结束时间',
+      dataIndex: 'endTime',
+      key: 'endTime',
+      width: 120,
+    },
+    {
+      title: '评价状态',
+      dataIndex: 'status',
+      key: 'status',
+      width: 100,
+      render: (status: string) => getStatusTag(status),
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 100,
+      align: 'center' as const,
+      render: (_: unknown, record: SupplierEvaluate.EvaluateResultRecord) => (
+        <Button type="link" onClick={() => handleViewDetail(record)}>
+          查看
+        </Button>
+      ),
+    },
+  ];
+
   return (
-    <Card title="供应商评价结果">
-      <div>供应商评价结果模块</div>
-    </Card>
+    <div className="common-container">
+      <div className="filter-action-row">
+        <Form
+          form={form}
+          layout="inline"
+          onFinish={handleSearch}
+          className="filter-form"
+        >
+          <Form.Item name="evaluateTitle" label="评价主题">
+            <Input placeholder="请输入评价主题" allowClear />
+          </Form.Item>
+          <Form.Item name="timeRange" label="评价时间">
+            <RangePicker
+              placeholder={['开始日期', '结束日期']}
+              format="YYYY-MM-DD"
+            />
+          </Form.Item>
+          <Form.Item name="status" label="评价状态">
+            <Select placeholder="请选择状态" allowClear style={{ width: 150 }}>
+              <Option value={TaskStatus.DRAFT}>{TaskStatusText[TaskStatus.DRAFT]}</Option>
+              <Option value={TaskStatus.PROCESSING}>{TaskStatusText[TaskStatus.PROCESSING]}</Option>
+              <Option value={TaskStatus.COMPLETED}>{TaskStatusText[TaskStatus.COMPLETED]}</Option>
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" icon={<SearchOutlined />} onClick={() => form.submit()}>
+              搜索
+            </Button>
+            <Button
+              type="primary"
+              danger
+              icon={<DeleteOutlined />}
+              onClick={handleReset}
+            >
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+      </div>
+
+      <div className="content-area">
+        <Table
+          columns={columns}
+          dataSource={resultData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+          scroll={{ x: 1100 }}
+        />
+      </div>
+    </div>
   );
 };
 
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultByZb.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultByZb.tsx
new file mode 100644
index 0000000..b52370c
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultByZb.tsx
@@ -0,0 +1 @@
+// 评价结果详情
\ No newline at end of file
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultInfo.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultInfo.tsx
new file mode 100644
index 0000000..5c20bd4
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultInfo.tsx
@@ -0,0 +1,307 @@
+// 供应商评价结果详情
+import React, { useState, useEffect } from 'react';
+import {
+  Card,
+  Form,
+  Input,
+  Select,
+  Button,
+  Table,
+  Space,
+  Tag,
+  TablePaginationConfig,
+  Modal,
+  Row,
+  Col,
+  Tooltip,
+  message,
+} from 'antd';
+import {
+  SearchOutlined,
+  DeleteOutlined,
+  ArrowLeftOutlined,
+  FileTextOutlined,
+  BarChartOutlined,
+} from '@ant-design/icons';
+import { history, useLocation } from 'umi';
+import moment from 'moment';
+import { EvaluateLevel, EvaluateLevelText, EvaluateLevelColor } from '@/dicts/supplierTemplateDict';
+import styles from './supplierEvaluateResult.less';
+
+const { Option } = Select;
+
+const SupplierEvaluateResultInfo: React.FC = () => {
+  const location = useLocation<{ record: SupplierEvaluate.EvaluateResultRecord }>();
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [resultData, setResultData] = useState<SupplierEvaluate.EvaluateResultDetailRecord[]>([]);
+  const [pagination, setPagination] = useState<TablePaginationConfig>({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] =
+    useState<SupplierEvaluate.EvaluateResultDetailSearchParams>({});
+  const [parentRecord, setParentRecord] = useState<SupplierEvaluate.EvaluateResultRecord | null>(
+    null,
+  );
+
+  // 品类数据
+  const categoryOptions = [
+    { label: '食品', value: '食品' },
+    { label: '电子', value: '电子' },
+    { label: '机械', value: '机械' },
+    { label: '化工', value: '化工' },
+    { label: '医药', value: '医药' },
+  ];
+
+  // 评价等级选项
+  const levelOptions = Object.entries(EvaluateLevelText).map(([value, label]) => ({
+    label,
+    value,
+  }));
+
+  // 获取上级页面传递的数据
+  useEffect(() => {
+    if (location.state?.record) {
+      setParentRecord(location.state.record);
+    }
+  }, [location]);
+
+  // 模拟获取评价结果详情列表
+  const fetchResultDetailList = async (
+    current = 1,
+    pageSize = 10,
+    params: SupplierEvaluate.EvaluateResultDetailSearchParams = searchParams,
+  ) => {
+    // 更新搜索参数状态
+    if (params !== searchParams) {
+      setSearchParams(params);
+    }
+
+    setLoading(true);
+    try {
+      // 模拟API请求
+      setTimeout(() => {
+        // 模拟数据
+        const mockData: SupplierEvaluate.EvaluateResultDetailRecord[] = Array.from({
+          length: 35,
+        }).map((_, index) => {
+          const id = `${index + 1}`;
+
+          // 随机选择品类
+          const categoryIndex = Math.floor(Math.random() * categoryOptions.length);
+
+          // 随机生成得分和等级
+          const score = Math.floor(Math.random() * 40) + 60; // 60-100分
+          let level;
+          if (score >= 90) {
+            level = EvaluateLevel.EXCELLENT;
+          } else if (score >= 80) {
+            level = EvaluateLevel.GOOD;
+          } else if (score >= 70) {
+            level = EvaluateLevel.AVERAGE;
+          } else {
+            level = EvaluateLevel.POOR;
+          }
+
+          return {
+            id,
+            key: id,
+            supplierName: `供应商${index + 1}`,
+            category: categoryOptions[categoryIndex].value,
+            score,
+            level,
+          };
+        });
+
+        // 根据搜索条件过滤
+        let filteredData = [...mockData];
+        if (params.supplierName) {
+          filteredData = filteredData.filter((item) =>
+            item.supplierName.includes(params.supplierName || ''),
+          );
+        }
+        if (params.level) {
+          filteredData = filteredData.filter((item) => item.level === params.level);
+        }
+
+        // 分页
+        const startIndex = (current - 1) * pageSize;
+        const endIndex = startIndex + pageSize;
+        const paginatedData = filteredData.slice(startIndex, endIndex);
+
+        setResultData(paginatedData);
+        setPagination({
+          ...pagination,
+          current,
+          pageSize,
+          total: filteredData.length,
+        });
+
+        setLoading(false);
+      }, 500);
+    } catch (error) {
+      console.error('获取评价结果详情列表失败:', error);
+      message.error('获取评价结果详情列表失败');
+      setLoading(false);
+    }
+  };
+
+  // 首次加载获取数据
+  useEffect(() => {
+    fetchResultDetailList(pagination.current, pagination.pageSize, {});
+  }, []);
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: TablePaginationConfig) => {
+    fetchResultDetailList(newPagination.current, newPagination.pageSize, searchParams);
+  };
+
+  // 处理搜索
+  const handleSearch = (values: any) => {
+    fetchResultDetailList(1, pagination.pageSize, values);
+  };
+
+  // 处理重置
+  const handleReset = () => {
+    form.resetFields();
+    fetchResultDetailList(1, pagination.pageSize, {});
+  };
+
+  // 返回上一页
+  const handleBack = () => {
+    history.goBack();
+  };
+
+  // 查看得分明细
+  const handleViewScoreDetail = (record: SupplierEvaluate.EvaluateResultDetailRecord) => {
+    history.push({
+      pathname: '/supplierEvaluateResult/supplierEvaluateResultScoreDetail',
+      state: { record }
+    });
+  };
+
+  // 查看打分情况
+  const handleViewScoring = (record: SupplierEvaluate.EvaluateResultDetailRecord) => {
+    message.info(`查看供应商 ${record.supplierName} 的打分情况`);
+  };
+
+  // 获取等级标签
+  const getLevelTag = (level: string) => {
+    const text = EvaluateLevelText[level as keyof typeof EvaluateLevelText] || '未知等级';
+    return text;
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      render: (_: any, __: SupplierEvaluate.EvaluateResultDetailRecord, index: number) =>
+        (pagination.current! - 1) * pagination.pageSize! + index + 1,
+      width: 80,
+    },
+    {
+      title: '供应商名称',
+      dataIndex: 'supplierName',
+      key: 'supplierName',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (supplierName: string) => (
+        <Tooltip placement="topLeft" title={supplierName}>
+          {supplierName}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '品类',
+      dataIndex: 'category',
+      key: 'category',
+      width: 120,
+    },
+    {
+      title: '评价得分',
+      dataIndex: 'score',
+      key: 'score',
+      width: 100
+    },
+    {
+      title: '评价等级',
+      dataIndex: 'level',
+      key: 'level',
+      width: 100,
+      align: 'center' as const,
+      render: (level: string) => getLevelTag(level),
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      align: 'center' as const,
+      render: (_: unknown, record: SupplierEvaluate.EvaluateResultDetailRecord) => (
+        <Space size="middle">
+          <Button
+            type="link"
+            onClick={() => handleViewScoreDetail(record)}
+          >
+            得分明细
+          </Button>
+          <Button type="link" onClick={() => handleViewScoring(record)}>
+            打分情况
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div className="common-container">
+      <div className="filter-action-row">
+        <Form form={form} layout="inline" onFinish={handleSearch} className="filter-form">
+          <Form.Item name="supplierName" label="供应商名称">
+            <Input placeholder="请输入供应商名称" allowClear />
+          </Form.Item>
+          <Form.Item name="level" label="评价等级">
+            <Select placeholder="请选择评价等级" allowClear style={{ width: 150 }}>
+              {levelOptions.map((option) => (
+                <Option key={option.value} value={option.value}>
+                  {option.label}
+                </Option>
+              ))}
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" icon={<SearchOutlined />} onClick={() => form.submit()}>
+              搜索
+            </Button>
+            <Button type="primary" danger icon={<DeleteOutlined />} onClick={handleReset}>
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+        <div className="right-buttons">
+          <Button type="link" icon={<ArrowLeftOutlined />} onClick={handleBack}>
+            返回
+          </Button>
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Table
+          columns={columns}
+          dataSource={resultData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+          scroll={{ x: 1100 }}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default SupplierEvaluateResultInfo;
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreByList.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreByList.tsx
new file mode 100644
index 0000000..05de986
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreByList.tsx
@@ -0,0 +1 @@
+// 供应商评价结果打分情况
\ No newline at end of file
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreDetail.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreDetail.tsx
new file mode 100644
index 0000000..b5e276d
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultScoreDetail.tsx
@@ -0,0 +1,64 @@
+// 供应商评价结果得分明细
+import React, { useState, useEffect } from 'react';
+import { Tabs, Button, Typography, Row, Col } from 'antd';
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { history, useLocation } from 'umi';
+import GeneralEvaluation from './components/GeneralEvaluation';
+import TechnicalEvaluation from './components/TechnicalEvaluation';
+import styles from './supplierEvaluateResult.less';
+
+const { Title } = Typography;
+const { TabPane } = Tabs;
+
+const SupplierEvaluateResultScoreDetail: React.FC = () => {
+  const location = useLocation<{ record: SupplierEvaluate.EvaluateResultDetailRecord }>();
+  const [supplierRecord, setSupplierRecord] = useState<SupplierEvaluate.EvaluateResultDetailRecord | null>(null);
+  const [activeTab, setActiveTab] = useState<string>('1');
+
+  // 获取上级页面传递的数据
+  useEffect(() => {
+    if (location.state?.record) {
+      setSupplierRecord(location.state.record);
+    }
+  }, [location]);
+
+  // 处理Tab切换
+  const handleTabChange = (key: string) => {
+    setActiveTab(key);
+  };
+
+  // 返回上一页
+  const handleBack = () => {
+    history.goBack();
+  };
+
+  return (
+    <div className="common-container">
+      <div className={styles.headerRow}>
+        <div className={styles.titleSection}>
+          <Title level={4} className={styles.pageTitle}>
+            {supplierRecord?.supplierName || '供应商'} - 评价得分明细
+          </Title>
+        </div>
+        <div className={styles.actionSection}>
+          <Button type="link" icon={<ArrowLeftOutlined />} onClick={handleBack}>
+            返回
+          </Button>
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Tabs activeKey={activeTab} onChange={handleTabChange} type="card">
+          <TabPane tab="通用评价" key="1">
+            <GeneralEvaluation supplierName={supplierRecord?.supplierName} />
+          </TabPane>
+          <TabPane tab="技术评价" key="2">
+            <TechnicalEvaluation supplierName={supplierRecord?.supplierName} />
+          </TabPane>
+        </Tabs>
+      </div>
+    </div>
+  );
+};
+
+export default SupplierEvaluateResultScoreDetail;
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.tsx
index e7ae805..59d244b 100644
--- a/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.tsx
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.tsx
@@ -1,11 +1,385 @@
-import React from 'react';
-import { Card } from 'antd';
+import React, { useState, useEffect } from 'react';
+import {
+  Card,
+  Form,
+  Input,
+  Select,
+  Button,
+  Table,
+  Space,
+  Tag,
+  DatePicker,
+  TablePaginationConfig,
+  Tooltip,
+  message,
+} from 'antd';
+import {
+  SearchOutlined,
+  DeleteOutlined,
+  PlusOutlined,
+  CheckOutlined,
+  CloseOutlined,
+  EyeOutlined,
+} from '@ant-design/icons';
+import { TaskStatus, TaskStatusText, TaskStatusColor } from '@/dicts/supplierTaskDict';
+import moment from 'moment';
+
+const { Option } = Select;
+const { RangePicker } = DatePicker;
+
+// 审批状态
+const ApprovalStatus = {
+  PENDING: 'pending',
+  APPROVED: 'approved',
+  REJECTED: 'rejected',
+};
+
+const ApprovalStatusText = {
+  [ApprovalStatus.PENDING]: '待审批',
+  [ApprovalStatus.APPROVED]: '已通过',
+  [ApprovalStatus.REJECTED]: '已拒绝',
+};
+
+const ApprovalStatusColor = {
+  [ApprovalStatus.PENDING]: 'orange',
+  [ApprovalStatus.APPROVED]: 'green',
+  [ApprovalStatus.REJECTED]: 'red',
+};
+
+// 定义搜索参数接口
+interface ApprovalSearchParams {
+  evaluateTitle?: string;
+  status?: string;
+  timeRange?: [string, string];
+}
+
+// 定义审批记录接口
+interface ApprovalRecord {
+  id: string;
+  evaluateTitle: string;
+  evaluateCategory: string;
+  initiatingUnit: string;
+  startTime: string;
+  endTime: string;
+  status: string;
+  createTime: string;
+  key: string;
+}
 
 const SupplierEvaluateResultApproval: React.FC = () => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [approvalData, setApprovalData] = useState<ApprovalRecord[]>([]);
+  const [pagination, setPagination] = useState<TablePaginationConfig>({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] = useState<ApprovalSearchParams>({});
+
+  // 品类数据
+  const categoryOptions = [
+    { label: '食品', value: '食品' },
+    { label: '电子', value: '电子' },
+    { label: '机械', value: '机械' },
+    { label: '化工', value: '化工' },
+    { label: '医药', value: '医药' },
+  ];
+
+  // 创建单位数据
+  const unitOptions = [
+    { label: '中山市合创展包装材料有限公司', value: '中山市合创展包装材料有限公司' },
+    { label: '广州市科技发展有限公司', value: '广州市科技发展有限公司' },
+    { label: '深圳市创新科技有限公司', value: '深圳市创新科技有限公司' },
+    { label: '东莞市制造业有限公司', value: '东莞市制造业有限公司' },
+  ];
+
+  // 模拟获取审批列表
+  const fetchApprovalList = async (
+    current = 1,
+    pageSize = 10,
+    params: ApprovalSearchParams = searchParams,
+  ) => {
+    // 更新搜索参数状态
+    if (params !== searchParams) {
+      setSearchParams(params);
+    }
+
+    setLoading(true);
+    try {
+      // 模拟API请求
+      setTimeout(() => {
+        // 模拟数据
+        const mockData: ApprovalRecord[] = Array.from({ length: 35 }).map((_, index) => {
+          const id = `${index + 1}`;
+          const statusOptions = [ApprovalStatus.PENDING, ApprovalStatus.APPROVED, ApprovalStatus.REJECTED];
+          const status = statusOptions[Math.floor(Math.random() * statusOptions.length)];
+
+          // 随机选择单位和品类
+          const unitIndex = Math.floor(Math.random() * unitOptions.length);
+          const categoryIndex = Math.floor(Math.random() * categoryOptions.length);
+
+          // 随机生成日期
+          const startDate = moment().subtract(Math.floor(Math.random() * 60), 'days');
+          const endDate = moment(startDate).add(Math.floor(Math.random() * 30) + 15, 'days');
+
+          return {
+            id,
+            key: id,
+            evaluateTitle: `供应商评价任务${index + 1}`,
+            evaluateCategory: categoryOptions[categoryIndex].value,
+            initiatingUnit: unitOptions[unitIndex].value,
+            startTime: startDate.format('YYYY-MM-DD'),
+            endTime: endDate.format('YYYY-MM-DD'),
+            status,
+            createTime: moment().subtract(Math.floor(Math.random() * 90), 'days').format('YYYY-MM-DD HH:mm:ss'),
+          };
+        });
+
+        // 根据搜索条件过滤
+        let filteredData = [...mockData];
+        if (params.evaluateTitle) {
+          filteredData = filteredData.filter(item =>
+            item.evaluateTitle.includes(params.evaluateTitle || '')
+          );
+        }
+        if (params.status) {
+          filteredData = filteredData.filter(item =>
+            item.status === params.status
+          );
+        }
+        if (params.timeRange && params.timeRange.length === 2) {
+          const start = moment(params.timeRange[0]);
+          const end = moment(params.timeRange[1]);
+          filteredData = filteredData.filter(item => {
+            const itemStart = moment(item.startTime);
+            return itemStart.isBetween(start, end, null, '[]');
+          });
+        }
+
+        // 分页
+        const startIndex = (current - 1) * pageSize;
+        const endIndex = startIndex + pageSize;
+        const paginatedData = filteredData.slice(startIndex, endIndex);
+
+        setApprovalData(paginatedData);
+        setPagination({
+          ...pagination,
+          current,
+          pageSize,
+          total: filteredData.length,
+        });
+
+        setLoading(false);
+      }, 500);
+    } catch (error) {
+      console.error('获取审批列表失败:', error);
+      message.error('获取审批列表失败');
+      setLoading(false);
+    }
+  };
+
+  // 首次加载获取数据
+  useEffect(() => {
+    fetchApprovalList(pagination.current, pagination.pageSize, {});
+  }, []);
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: TablePaginationConfig) => {
+    fetchApprovalList(newPagination.current, newPagination.pageSize, searchParams);
+  };
+
+  // 处理搜索
+  const handleSearch = (values: any) => {
+    const { timeRange, ...rest } = values;
+    const params: ApprovalSearchParams = { ...rest };
+
+    if (timeRange && timeRange.length === 2) {
+      params.timeRange = [timeRange[0].format('YYYY-MM-DD'), timeRange[1].format('YYYY-MM-DD')];
+    }
+
+    fetchApprovalList(1, pagination.pageSize, params);
+  };
+
+  // 处理重置
+  const handleReset = () => {
+    form.resetFields();
+    fetchApprovalList(1, pagination.pageSize, {});
+  };
+
+  // 处理审批通过
+  const handleApprove = (record: ApprovalRecord) => {
+    message.success(`已通过评价: ${record.evaluateTitle}`);
+    fetchApprovalList(pagination.current, pagination.pageSize, searchParams);
+  };
+
+  // 处理审批拒绝
+  const handleReject = (record: ApprovalRecord) => {
+    message.error(`已拒绝评价: ${record.evaluateTitle}`);
+    fetchApprovalList(pagination.current, pagination.pageSize, searchParams);
+  };
+
+  // 处理查看详情
+  const handleViewDetail = (record: ApprovalRecord) => {
+    message.info(`查看评价详情: ${record.evaluateTitle}`);
+  };
+
+  // 获取状态标签
+  const getStatusTag = (status: string) => {
+    const color = ApprovalStatusColor[status as keyof typeof ApprovalStatusColor] || 'default';
+    const text = ApprovalStatusText[status as keyof typeof ApprovalStatusText] || '未知状态';
+    return <Tag color={color}>{text}</Tag>;
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      render: (_: any, __: ApprovalRecord, index: number) =>
+        (pagination.current! - 1) * pagination.pageSize! + index + 1,
+      width: 80,
+    },
+    {
+      title: '评价主题',
+      dataIndex: 'evaluateTitle',
+      key: 'evaluateTitle',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (evaluateTitle: string) => (
+        <Tooltip placement="topLeft" title={evaluateTitle}>
+          {evaluateTitle}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '评价品类',
+      dataIndex: 'evaluateCategory',
+      key: 'evaluateCategory',
+      width: 120,
+    },
+    {
+      title: '发起单位',
+      dataIndex: 'initiatingUnit',
+      key: 'initiatingUnit',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: string) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '评价开始时间',
+      dataIndex: 'startTime',
+      key: 'startTime',
+      width: 120,
+    },
+    {
+      title: '评价结束时间',
+      dataIndex: 'endTime',
+      key: 'endTime',
+      width: 120,
+    },
+    {
+      title: '审批状态',
+      dataIndex: 'status',
+      key: 'status',
+      width: 100,
+      render: (status: string) => getStatusTag(status),
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 200,
+      align: 'center' as const,
+      render: (_: unknown, record: ApprovalRecord) => (
+        <Space size="middle">
+          <Button
+            type="link"
+            icon={<EyeOutlined />}
+            onClick={() => handleViewDetail(record)}
+          >
+            查看
+          </Button>
+          {record.status === ApprovalStatus.PENDING && (
+            <>
+              <Button
+                type="link"
+                icon={<CheckOutlined />}
+                onClick={() => handleApprove(record)}
+                style={{ color: 'green' }}
+              >
+                通过
+              </Button>
+              <Button
+                type="link"
+                icon={<CloseOutlined />}
+                onClick={() => handleReject(record)}
+                danger
+              >
+                拒绝
+              </Button>
+            </>
+          )}
+        </Space>
+      ),
+    },
+  ];
+
   return (
-    <Card title="供应商评价结果审批">
-      <div>供应商评价结果审批模块</div>
-    </Card>
+    <div className="common-container">
+      <div className="filter-action-row">
+        <Form form={form} layout="inline" onFinish={handleSearch} className="filter-form">
+          <Form.Item name="evaluateTitle" label="评价主题">
+            <Input placeholder="请输入评价主题" allowClear />
+          </Form.Item>
+          <Form.Item name="timeRange" label="评价时间">
+            <RangePicker
+              placeholder={['开始日期', '结束日期']}
+              format="YYYY-MM-DD"
+            />
+          </Form.Item>
+          <Form.Item name="status" label="审批状态">
+            <Select placeholder="请选择状态" allowClear style={{ width: 150 }}>
+              <Option value={ApprovalStatus.PENDING}>{ApprovalStatusText[ApprovalStatus.PENDING]}</Option>
+              <Option value={ApprovalStatus.APPROVED}>{ApprovalStatusText[ApprovalStatus.APPROVED]}</Option>
+              <Option value={ApprovalStatus.REJECTED}>{ApprovalStatusText[ApprovalStatus.REJECTED]}</Option>
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" icon={<SearchOutlined />} onClick={() => form.submit()}>
+              搜索
+            </Button>
+            <Button type="primary" danger icon={<DeleteOutlined />} onClick={handleReset}>
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+        <div className="right-buttons">
+          <Button type="primary" ghost icon={<PlusOutlined />} onClick={() => message.info('新增审批')}>
+            新增
+          </Button>
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Table
+          columns={columns}
+          dataSource={approvalData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+          scroll={{ x: 1200 }}
+        />
+      </div>
+    </div>
   );
 };
 
diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateScore/supplierEvaluateScore.tsx b/src/pages/supplierEvaluateManage/supplierEvaluateScore/supplierEvaluateScore.tsx
index b74f2f6..d6d5646 100644
--- a/src/pages/supplierEvaluateManage/supplierEvaluateScore/supplierEvaluateScore.tsx
+++ b/src/pages/supplierEvaluateManage/supplierEvaluateScore/supplierEvaluateScore.tsx
@@ -1,11 +1,348 @@
-import React from 'react';
-import { Card } from 'antd';
+import React, { useState, useEffect } from 'react';
+import {
+  Card,
+  Form,
+  Input,
+  Select,
+  Button,
+  Table,
+  Space,
+  Tag,
+  DatePicker,
+  TablePaginationConfig,
+  Tooltip,
+  message,
+} from 'antd';
+import {
+  SearchOutlined,
+  DeleteOutlined,
+  PlusOutlined,
+  EditOutlined,
+  EyeOutlined,
+  FormOutlined,
+} from '@ant-design/icons';
+import { TaskStatus, TaskStatusText, TaskStatusColor } from '@/dicts/supplierTaskDict';
+import moment from 'moment';
+
+const { Option } = Select;
+const { RangePicker } = DatePicker;
+
+// 定义搜索参数接口
+interface ScoreSearchParams {
+  evaluateTitle?: string;
+  supplierName?: string;
+  status?: string;
+}
+
+// 定义打分记录接口
+interface ScoreRecord {
+  id: string;
+  evaluateTitle: string;
+  supplierName: string;
+  category: string;
+  status: string;
+  scoreStatus: string; // 打分状态：未打分、已打分、已提交
+  createTime: string;
+  key: string;
+}
+
+// 打分状态
+const ScoreStatus = {
+  NOT_SCORED: 'not_scored',
+  SCORED: 'scored',
+  SUBMITTED: 'submitted',
+};
+
+const ScoreStatusText = {
+  [ScoreStatus.NOT_SCORED]: '未打分',
+  [ScoreStatus.SCORED]: '已打分',
+  [ScoreStatus.SUBMITTED]: '已提交',
+};
+
+const ScoreStatusColor = {
+  [ScoreStatus.NOT_SCORED]: 'orange',
+  [ScoreStatus.SCORED]: 'blue',
+  [ScoreStatus.SUBMITTED]: 'green',
+};
 
 const SupplierEvaluateScore: React.FC = () => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [scoreData, setScoreData] = useState<ScoreRecord[]>([]);
+  const [pagination, setPagination] = useState<TablePaginationConfig>({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] = useState<ScoreSearchParams>({});
+
+  // 品类数据
+  const categoryOptions = [
+    { label: '食品', value: '食品' },
+    { label: '电子', value: '电子' },
+    { label: '机械', value: '机械' },
+    { label: '化工', value: '化工' },
+    { label: '医药', value: '医药' },
+  ];
+
+  // 模拟获取打分列表
+  const fetchScoreList = async (
+    current = 1,
+    pageSize = 10,
+    params: ScoreSearchParams = searchParams,
+  ) => {
+    // 更新搜索参数状态
+    if (params !== searchParams) {
+      setSearchParams(params);
+    }
+
+    setLoading(true);
+    try {
+      // 模拟API请求
+      setTimeout(() => {
+        // 模拟数据
+        const mockData: ScoreRecord[] = Array.from({ length: 35 }).map((_, index) => {
+          const id = `${index + 1}`;
+          const status = Object.values(TaskStatus)[Math.floor(Math.random() * 3)];
+          const scoreStatus = Object.values(ScoreStatus)[Math.floor(Math.random() * 3)];
+
+          // 随机选择品类
+          const categoryIndex = Math.floor(Math.random() * categoryOptions.length);
+
+          return {
+            id,
+            key: id,
+            evaluateTitle: `供应商评价任务${index + 1}`,
+            supplierName: `供应商${index + 1}`,
+            category: categoryOptions[categoryIndex].value,
+            status,
+            scoreStatus,
+            createTime: moment().subtract(Math.floor(Math.random() * 90), 'days').format('YYYY-MM-DD HH:mm:ss'),
+          };
+        });
+
+        // 根据搜索条件过滤
+        let filteredData = [...mockData];
+        if (params.evaluateTitle) {
+          filteredData = filteredData.filter(item =>
+            item.evaluateTitle.includes(params.evaluateTitle || '')
+          );
+        }
+        if (params.supplierName) {
+          filteredData = filteredData.filter(item =>
+            item.supplierName.includes(params.supplierName || '')
+          );
+        }
+        if (params.status) {
+          filteredData = filteredData.filter(item =>
+            item.scoreStatus === params.status
+          );
+        }
+
+        // 分页
+        const startIndex = (current - 1) * pageSize;
+        const endIndex = startIndex + pageSize;
+        const paginatedData = filteredData.slice(startIndex, endIndex);
+
+        setScoreData(paginatedData);
+        setPagination({
+          ...pagination,
+          current,
+          pageSize,
+          total: filteredData.length,
+        });
+
+        setLoading(false);
+      }, 500);
+    } catch (error) {
+      console.error('获取打分列表失败:', error);
+      message.error('获取打分列表失败');
+      setLoading(false);
+    }
+  };
+
+  // 首次加载获取数据
+  useEffect(() => {
+    fetchScoreList(pagination.current, pagination.pageSize, {});
+  }, []);
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: TablePaginationConfig) => {
+    fetchScoreList(newPagination.current, newPagination.pageSize, searchParams);
+  };
+
+  // 处理搜索
+  const handleSearch = (values: any) => {
+    fetchScoreList(1, pagination.pageSize, values);
+  };
+
+  // 处理重置
+  const handleReset = () => {
+    form.resetFields();
+    fetchScoreList(1, pagination.pageSize, {});
+  };
+
+  // 处理打分
+  const handleScore = (record: ScoreRecord) => {
+    message.info(`开始为 ${record.supplierName} 打分`);
+  };
+
+  // 处理查看
+  const handleView = (record: ScoreRecord) => {
+    message.info(`查看 ${record.supplierName} 的打分情况`);
+  };
+
+  // 处理提交
+  const handleSubmit = (record: ScoreRecord) => {
+    message.success(`已提交 ${record.supplierName} 的评分`);
+    fetchScoreList(pagination.current, pagination.pageSize, searchParams);
+  };
+
+  // 获取状态标签
+  const getScoreStatusTag = (status: string) => {
+    const color = ScoreStatusColor[status as keyof typeof ScoreStatusColor] || 'default';
+    const text = ScoreStatusText[status as keyof typeof ScoreStatusText] || '未知状态';
+    return <Tag color={color}>{text}</Tag>;
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      render: (_: any, __: ScoreRecord, index: number) =>
+        (pagination.current! - 1) * pagination.pageSize! + index + 1,
+      width: 80,
+    },
+    {
+      title: '评价主题',
+      dataIndex: 'evaluateTitle',
+      key: 'evaluateTitle',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (evaluateTitle: string) => (
+        <Tooltip placement="topLeft" title={evaluateTitle}>
+          {evaluateTitle}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '供应商名称',
+      dataIndex: 'supplierName',
+      key: 'supplierName',
+      width: 150,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (supplierName: string) => (
+        <Tooltip placement="topLeft" title={supplierName}>
+          {supplierName}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '品类',
+      dataIndex: 'category',
+      key: 'category',
+      width: 120,
+    },
+    {
+      title: '打分状态',
+      dataIndex: 'scoreStatus',
+      key: 'scoreStatus',
+      width: 100,
+      render: (status: string) => getScoreStatusTag(status),
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 150,
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 200,
+      align: 'center' as const,
+      render: (_: unknown, record: ScoreRecord) => (
+        <Space size="middle">
+          {record.scoreStatus === ScoreStatus.NOT_SCORED && (
+            <Button
+              type="link"
+              icon={<FormOutlined />}
+              onClick={() => handleScore(record)}
+            >
+              打分
+            </Button>
+          )}
+          {record.scoreStatus === ScoreStatus.SCORED && (
+            <Button
+              type="link"
+              icon={<EditOutlined />}
+              onClick={() => handleSubmit(record)}
+            >
+              提交
+            </Button>
+          )}
+          <Button
+            type="link"
+            icon={<EyeOutlined />}
+            onClick={() => handleView(record)}
+          >
+            查看
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
   return (
-    <Card title="供应商评价打分">
-      <div>供应商评价打分模块</div>
-    </Card>
+    <div className="common-container">
+      <div className="filter-action-row">
+        <Form form={form} layout="inline" onFinish={handleSearch} className="filter-form">
+          <Form.Item name="evaluateTitle" label="评价主题">
+            <Input placeholder="请输入评价主题" allowClear />
+          </Form.Item>
+          <Form.Item name="supplierName" label="供应商名称">
+            <Input placeholder="请输入供应商名称" allowClear />
+          </Form.Item>
+          <Form.Item name="status" label="打分状态">
+            <Select placeholder="请选择状态" allowClear style={{ width: 150 }}>
+              <Option value={ScoreStatus.NOT_SCORED}>{ScoreStatusText[ScoreStatus.NOT_SCORED]}</Option>
+              <Option value={ScoreStatus.SCORED}>{ScoreStatusText[ScoreStatus.SCORED]}</Option>
+              <Option value={ScoreStatus.SUBMITTED}>{ScoreStatusText[ScoreStatus.SUBMITTED]}</Option>
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" icon={<SearchOutlined />} onClick={() => form.submit()}>
+              搜索
+            </Button>
+            <Button type="primary" danger icon={<DeleteOutlined />} onClick={handleReset}>
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+        <div className="right-buttons">
+          <Button type="primary" ghost icon={<PlusOutlined />} onClick={() => message.info('新增打分任务')}>
+            新增
+          </Button>
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Table
+          columns={columns}
+          dataSource={scoreData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+          scroll={{ x: 1100 }}
+        />
+      </div>
+    </div>
   );
 };
 
diff --git a/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx b/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx
index 7f4e6e6..3daeec8 100644
--- a/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx
+++ b/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx
@@ -29,28 +29,7 @@ import styles from './supplierTaskManage.less';
 const { Option } = Select;
 const { RangePicker } = DatePicker;
 
-// 任务记录类型
-interface TaskRecord {
-  id: string;
-  taskName: string;
-  taskCode: string;
-  taskType: string;
-  templateName: string;
-  status: string;
-  startTime: string;
-  endTime: string;
-  createBy: string;
-  createTime: string;
-  updateBy?: string;
-  updateTime?: string;
-  key: string;
-}
-
-interface SearchParams {
-  taskName?: string;
-  status?: string;
-  dateRange?: [string, string];
-}
+// 删除本地接口定义，使用全局类型定义
 
 const SupplierTaskManage: React.FC = () => {
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
@@ -62,8 +41,8 @@ const SupplierTaskManage: React.FC = () => {
   const [currentId, setCurrentId] = useState<string>('');
 
   // 查看详情数据
-  const [viewData, setViewData] = useState<TaskRecord | null>(null);
-  const [taskData, setTaskData] = useState<TaskRecord[]>([]);
+  const [viewData, setViewData] = useState<SupplierEvaluate.TaskRecord | null>(null);
+  const [taskData, setTaskData] = useState<SupplierEvaluate.TaskRecord[]>([]);
   const [pagination, setPagination] = useState<TablePaginationConfig>({
     current: 1,
     pageSize: 10,
@@ -72,13 +51,13 @@ const SupplierTaskManage: React.FC = () => {
     showQuickJumper: true,
     showTotal: (total) => `共 ${total} 条记录`,
   });
-  const [searchParams, setSearchParams] = useState<SearchParams>({});
+  const [searchParams, setSearchParams] = useState<SupplierEvaluate.TaskSearchParams>({});
 
   // 模拟获取任务列表
   const fetchTaskList = async (
     current = 1,
     pageSize = 10,
-    params: SearchParams = searchParams,
+    params: SupplierEvaluate.TaskSearchParams = searchParams,
   ) => {
     // 更新搜索参数状态
     if (params !== searchParams) {
@@ -90,7 +69,7 @@ const SupplierTaskManage: React.FC = () => {
       // 模拟API请求
       setTimeout(() => {
         // 模拟数据
-        const mockData: TaskRecord[] = Array.from({ length: 35 }).map((_, index) => {
+        const mockData: SupplierEvaluate.TaskRecord[] = Array.from({ length: 35 }).map((_, index) => {
           const id = `${index + 1}`;
           const status = Object.values(TaskStatus)[Math.floor(Math.random() * 3)];
           const taskType = Math.random() > 0.5 ? TaskType.REGULAR : TaskType.SPECIAL;
@@ -155,7 +134,7 @@ const SupplierTaskManage: React.FC = () => {
   }, []);
 
   // 处理查看
-  const handleView = (record: TaskRecord) => {
+  const handleView = (record: SupplierEvaluate.TaskRecord) => {
     setCurrentId(record.id);
     setIsViewMode(true);
     setViewData(record);
@@ -163,7 +142,7 @@ const SupplierTaskManage: React.FC = () => {
   };
 
   // 处理编辑
-  const handleEdit = (record: TaskRecord) => {
+  const handleEdit = (record: SupplierEvaluate.TaskRecord) => {
     setIsEdit(true);
     setIsViewMode(false);
     setCurrentId(record.id);
@@ -172,7 +151,7 @@ const SupplierTaskManage: React.FC = () => {
   };
 
   // 处理删除
-  const showDeleteConfirm = (record: TaskRecord) => {
+  const showDeleteConfirm = (record: SupplierEvaluate.TaskRecord) => {
     Modal.confirm({
       title: '确认删除',
       icon: <ExclamationCircleOutlined />,
@@ -197,7 +176,7 @@ const SupplierTaskManage: React.FC = () => {
   };
 
   // 处理发布/取消
-  const handlePublishStatus = (record: TaskRecord) => {
+  const handlePublishStatus = (record: SupplierEvaluate.TaskRecord) => {
     const isInProgress = record.status === TaskStatus.PROCESSING;
     const actionText = isInProgress ? '取消' : '开始';
 
@@ -238,7 +217,7 @@ const SupplierTaskManage: React.FC = () => {
   const columns = [
     {
       title: '序号',
-      render: (_: any, __: TaskRecord, index: number) =>
+      render: (_: any, __: SupplierEvaluate.TaskRecord, index: number) =>
         (pagination.current! - 1) * pagination.pageSize! + index + 1,
       width: 80,
     },
@@ -286,7 +265,7 @@ const SupplierTaskManage: React.FC = () => {
       key: 'action',
       width: 180,
       align: 'center' as const,
-      render: (_: unknown, record: TaskRecord) => (
+      render: (_: unknown, record: SupplierEvaluate.TaskRecord) => (
         <Space size="middle">
           <Button type="link" onClick={() => handleView(record)}>
             查看
@@ -354,7 +333,7 @@ const SupplierTaskManage: React.FC = () => {
   // 处理搜索
   const handleSearch = (values: any) => {
     const { dateRange, ...rest } = values;
-    const params: SearchParams = { ...rest };
+    const params: SupplierEvaluate.TaskSearchParams = { ...rest };
 
     if (dateRange && dateRange.length === 2) {
       params.dateRange = [dateRange[0].format('YYYY-MM-DD'), dateRange[1].format('YYYY-MM-DD')];
@@ -544,26 +523,23 @@ const SupplierTaskManage: React.FC = () => {
           <Form.Item name="dateRange" label="评价时间">
             <RangePicker />
           </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" htmlType="submit" icon={<SearchOutlined />} onClick={() => form.submit()}>
+              搜索
+            </Button>
+            <Button
+              type="primary"
+              danger
+              icon={<DeleteOutlined />}
+              onClick={() => {
+                form.resetFields();
+                fetchTaskList(1, pagination.pageSize, {});
+              }}
+            >
+              重置
+            </Button>
+          </Form.Item>
         </Form>
-      </div>
-
-      <div className="button-row">
-        <div className="left-buttons">
-          <Button type="primary" htmlType="submit" icon={<SearchOutlined />} onClick={() => form.submit()}>
-            搜索
-          </Button>
-          <Button
-            danger
-            icon={<DeleteOutlined />}
-            onClick={() => {
-              form.resetFields();
-              fetchTaskList(1, pagination.pageSize, {});
-            }}
-          >
-            重置
-          </Button>
-        </div>
-
         <div className="right-buttons">
           <Button type="primary" ghost icon={<PlusOutlined />} onClick={handleAdd}>
             新增
diff --git a/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.less b/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.less
new file mode 100644
index 0000000..f6f3de4
--- /dev/null
+++ b/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.less
@@ -0,0 +1,3 @@
+.supplierTemplateManageContainer {
+}
+
diff --git a/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.tsx b/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.tsx
index a9b97a5..84f144e 100644
--- a/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.tsx
+++ b/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManage.tsx
@@ -1,11 +1,666 @@
-import React from 'react';
-import { Card } from 'antd';
+import React, { useState, useEffect } from 'react';
+import {
+  Button,
+  Table,
+  Space,
+  Modal,
+  message,
+  Input,
+  Select,
+  Form,
+  Tooltip,
+  Tag,
+  TablePaginationConfig,
+  DatePicker,
+  Row,
+  Col,
+} from 'antd';
+import {
+  PlusOutlined,
+  DeleteOutlined,
+  ExclamationCircleOutlined,
+  SearchOutlined,
+  EditOutlined,
+  EyeOutlined,
+} from '@ant-design/icons';
+import { TaskType, TaskTypeText, TemplateStatus, TemplateStatusText, TemplateStatusColor } from '@/dicts/supplierTemplateDict';
+
+const { Option } = Select;
+const { RangePicker } = DatePicker;
 
 const SupplierTemplateManage: React.FC = () => {
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [modalVisible, setModalVisible] = useState<boolean>(false);
+  const [isEdit, setIsEdit] = useState<boolean>(false);
+  const [isViewMode, setIsViewMode] = useState<boolean>(false);
+  const [currentId, setCurrentId] = useState<string>('');
+
+  // 查看详情数据
+  const [viewData, setViewData] = useState<SupplierEvaluate.TemplateRecord | null>(null);
+  const [templateData, setTemplateData] = useState<SupplierEvaluate.TemplateRecord[]>([]);
+  const [pagination, setPagination] = useState<TablePaginationConfig>({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] = useState<SupplierEvaluate.TemplateSearchParams>({});
+
+  // 创建单位数据
+  const companyOptions = [
+    { label: '中山市合创展包装材料有限公司', value: '中山市合创展包装材料有限公司' },
+    { label: '广州市科技发展有限公司', value: '广州市科技发展有限公司' },
+    { label: '深圳市创新科技有限公司', value: '深圳市创新科技有限公司' },
+    { label: '东莞市制造业有限公司', value: '东莞市制造业有限公司' },
+  ];
+
+  // 品类数据
+  const categoryOptions = [
+    { label: '食品', value: '食品' },
+    { label: '电子', value: '电子' },
+    { label: '机械', value: '机械' },
+    { label: '化工', value: '化工' },
+    { label: '医药', value: '医药' },
+  ];
+
+  // 部门数据
+  const departmentOptions = [
+    { label: '采购部', value: '采购部' },
+    { label: '技术部', value: '技术部' },
+    { label: '质量部', value: '质量部' },
+    { label: '生产部', value: '生产部' },
+  ];
+
+  // 模拟获取模板列表
+  const fetchTemplateList = async (
+    current = 1,
+    pageSize = 10,
+    params: SupplierEvaluate.TemplateSearchParams = searchParams,
+  ) => {
+    // 更新搜索参数状态
+    if (params !== searchParams) {
+      setSearchParams(params);
+    }
+
+    setLoading(true);
+    try {
+      // 模拟API请求
+      setTimeout(() => {
+        // 模拟数据
+        const mockData: SupplierEvaluate.TemplateRecord[] = Array.from({ length: 35 }).map((_, index) => {
+          const id = `${index + 1}`;
+          const status = Math.random() > 0.5 ? TemplateStatus.ENABLED : TemplateStatus.DISABLED;
+          const taskType = Math.random() > 0.5 ? TaskType.REGULAR : TaskType.SPECIAL;
+
+          // 随机选择单位和品类
+          const companyIndex = Math.floor(Math.random() * companyOptions.length);
+          const categoryIndex = Math.floor(Math.random() * categoryOptions.length);
+          const departmentIndex = Math.floor(Math.random() * departmentOptions.length);
+
+          return {
+            id,
+            key: id,
+            templateName: `${TaskTypeText[taskType]}评价模板${index + 1}`,
+            templateCode: `TEMP${String(index + 1).padStart(4, '0')}`,
+            templateType: taskType,
+            category: categoryOptions[categoryIndex].value,
+            status,
+            createBy: companyOptions[companyIndex].value,
+            department: departmentOptions[departmentIndex].value,
+            createTime: '2023-01-01 12:00:00',
+          };
+        });
+
+        // 根据搜索条件过滤
+        let filteredData = [...mockData];
+        if (params.templateName) {
+          filteredData = filteredData.filter(item =>
+            item.templateName.includes(params.templateName || '')
+          );
+        }
+        if (params.status) {
+          filteredData = filteredData.filter(item =>
+            item.status === params.status
+          );
+        }
+        if (params.createBy) {
+          filteredData = filteredData.filter(item =>
+            item.createBy === params.createBy
+          );
+        }
+        if (params.category) {
+          filteredData = filteredData.filter(item =>
+            item.category === params.category
+          );
+        }
+
+        // 分页
+        const startIndex = (current - 1) * pageSize;
+        const endIndex = startIndex + pageSize;
+        const paginatedData = filteredData.slice(startIndex, endIndex);
+
+        setTemplateData(paginatedData);
+        setPagination({
+          ...pagination,
+          current,
+          pageSize,
+          total: filteredData.length,
+        });
+
+        setLoading(false);
+      }, 500);
+    } catch (error) {
+      console.error('获取模板列表失败:', error);
+      message.error('获取模板列表失败');
+      setLoading(false);
+    }
+  };
+
+  // 首次加载获取数据
+  useEffect(() => {
+    fetchTemplateList(pagination.current, pagination.pageSize, {});
+  }, []);
+
+  // 处理查看
+  const handleView = (record: SupplierEvaluate.TemplateRecord) => {
+    setCurrentId(record.id);
+    setIsViewMode(true);
+    setViewData(record);
+    setModalVisible(true);
+  };
+
+  // 处理编辑
+  const handleEdit = (record: SupplierEvaluate.TemplateRecord) => {
+    setIsEdit(true);
+    setIsViewMode(false);
+    setCurrentId(record.id);
+    setViewData(record);
+    setModalVisible(true);
+  };
+
+  // 处理删除
+  const showDeleteConfirm = (record: SupplierEvaluate.TemplateRecord) => {
+    Modal.confirm({
+      title: '确认删除',
+      icon: <ExclamationCircleOutlined />,
+      content: `确定要删除模板: ${record.templateName}?`,
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        try {
+          // 模拟删除请求
+          setTimeout(() => {
+            message.success('删除成功');
+            fetchTemplateList(pagination.current, pagination.pageSize, searchParams);
+          }, 500);
+        } catch (error) {
+          console.error('删除模板失败:', error);
+          message.error('删除模板失败');
+        }
+      },
+    });
+  };
+
+  // 处理启用/禁用
+  const handleStatusToggle = (record: SupplierEvaluate.TemplateRecord) => {
+    const isEnabled = record.status === TemplateStatus.ENABLED;
+    const actionText = isEnabled ? '禁用' : '启用';
+
+    Modal.confirm({
+      title: `确认${actionText}`,
+      icon: <ExclamationCircleOutlined />,
+      content: `确定要${actionText}模板: ${record.templateName}?`,
+      okText: '确定',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        try {
+          // 模拟请求
+          setTimeout(() => {
+            message.success(`${actionText}成功`);
+            fetchTemplateList(pagination.current, pagination.pageSize, searchParams);
+          }, 500);
+        } catch (error) {
+          console.error(`${actionText}失败:`, error);
+          message.error(`${actionText}失败`);
+        }
+      },
+    });
+  };
+
+  // 获取状态标签
+  const getStatusTag = (status: string) => {
+    const color = TemplateStatusColor[status as keyof typeof TemplateStatusColor] || 'default';
+    const text = TemplateStatusText[status as keyof typeof TemplateStatusText] || '未知状态';
+    return <Tag color={color}>{text}</Tag>;
+  };
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: TablePaginationConfig) => {
+    fetchTemplateList(newPagination.current, newPagination.pageSize, searchParams);
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      render: (_: any, __: SupplierEvaluate.TemplateRecord, index: number) =>
+        (pagination.current! - 1) * pagination.pageSize! + index + 1,
+      width: 80,
+    },
+    {
+      title: '模板名称',
+      dataIndex: 'templateName',
+      key: 'templateName',
+      width: 200,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (templateName: string) => (
+        <Tooltip placement="topLeft" title={templateName}>
+          {templateName}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '品类',
+      dataIndex: 'category',
+      key: 'category',
+      width: 120,
+    },
+    {
+      title: '创建单位',
+      dataIndex: 'createBy',
+      key: 'createBy',
+      width: 180,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (text: string) => (
+        <Tooltip placement="topLeft" title={text}>
+          {text}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '创建部门',
+      dataIndex: 'department',
+      key: 'department',
+      width: 120,
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 150,
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      width: 100,
+      render: (status: string) => getStatusTag(status),
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 150,
+      align: 'center' as const,
+      render: (_: unknown, record: SupplierEvaluate.TemplateRecord) => (
+        <Space size="middle">
+          <Button type="link" onClick={() => handleEdit(record)}>
+            编辑
+          </Button>
+          <Button type="link" onClick={() => handleView(record)}>
+            查看
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
+  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+    setSelectedRowKeys(newSelectedRowKeys);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: onSelectChange,
+  };
+
+  const hasSelected = selectedRowKeys.length > 0;
+
+  // 处理添加
+  const handleAdd = () => {
+    setIsEdit(false);
+    setIsViewMode(false);
+    setCurrentId('');
+    setViewData(null);
+    setModalVisible(true);
+  };
+
+  // 处理批量删除
+  const handleBatchDelete = () => {
+    Modal.confirm({
+      title: '确认批量删除',
+      icon: <ExclamationCircleOutlined />,
+      content: '确定要删除选中的模板吗？此操作不可恢复。',
+      okText: '删除',
+      okType: 'danger',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        setLoading(true);
+        try {
+          // 模拟批量删除
+          setTimeout(() => {
+            setSelectedRowKeys([]);
+            message.success('批量删除成功');
+            fetchTemplateList(pagination.current, pagination.pageSize, searchParams);
+            setLoading(false);
+          }, 1000);
+        } catch (error) {
+          console.error('批量删除失败:', error);
+          message.error('批量删除失败');
+          setLoading(false);
+        }
+      },
+    });
+  };
+
+  // 处理搜索
+  const handleSearch = (values: any) => {
+    const { dateRange, ...rest } = values;
+    const params: SupplierEvaluate.TemplateSearchParams = { ...rest };
+
+    if (dateRange && dateRange.length === 2) {
+      params.dateRange = [dateRange[0].format('YYYY-MM-DD'), dateRange[1].format('YYYY-MM-DD')];
+    }
+
+    fetchTemplateList(1, pagination.pageSize, params);
+  };
+
+  // 处理模态框取消
+  const handleModalCancel = () => {
+    setModalVisible(false);
+    setIsViewMode(false);
+    setViewData(null);
+  };
+
+  // 渲染模板详情
+  const renderTemplateDetail = () => {
+    if (!viewData) return null;
+
+    return (
+      <div >
+        <Row gutter={[16, 16]}>
+          <Col span={12}>
+            <div >
+              <span >模板名称：</span>
+              <span>{viewData.templateName}</span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div >
+              <span >模板编号：</span>
+              <span >{viewData.templateCode}</span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div>
+              <span >模板类型：</span>
+              <span >
+                {TaskTypeText[viewData.templateType as keyof typeof TaskTypeText] || '未知类型'}
+              </span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div >
+              <span >品类：</span>
+              <span >{viewData.category}</span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div >
+              <span>状态：</span>
+              <span >{getStatusTag(viewData.status)}</span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div >
+              <span >创建单位：</span>
+              <span >{viewData.createBy}</span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div >
+              <span >创建部门：</span>
+              <span >{viewData.department}</span>
+            </div>
+          </Col>
+          <Col span={12}>
+            <div >
+              <span >创建时间：</span>
+              <span >{viewData.createTime}</span>
+            </div>
+          </Col>
+          {viewData.updateBy && (
+            <Col span={12}>
+              <div >
+                <span >更新人：</span>
+                <span >{viewData.updateBy}</span>
+              </div>
+            </Col>
+          )}
+          {viewData.updateTime && (
+            <Col span={12}>
+              <div >
+                <span >更新时间：</span>
+                <span >{viewData.updateTime}</span>
+              </div>
+            </Col>
+          )}
+        </Row>
+      </div>
+    );
+  };
+
+  // 渲染模板表单
+  const renderTemplateForm = () => {
+    return (
+      <Form
+        labelCol={{ span: 6 }}
+        wrapperCol={{ span: 16 }}
+        initialValues={viewData || {}}
+      >
+        <Form.Item
+          label="模板名称"
+          name="templateName"
+          rules={[{ required: true, message: '请输入模板名称' }]}
+        >
+          <Input placeholder="请输入模板名称" />
+        </Form.Item>
+
+        <Form.Item
+          label="模板编号"
+          name="templateCode"
+          rules={[{ required: true, message: '请输入模板编号' }]}
+        >
+          <Input placeholder="请输入模板编号" disabled={isEdit} />
+        </Form.Item>
+
+        <Form.Item
+          label="模板类型"
+          name="templateType"
+          rules={[{ required: true, message: '请选择模板类型' }]}
+        >
+          <Select placeholder="请选择模板类型">
+            <Option value={TaskType.REGULAR}>{TaskTypeText[TaskType.REGULAR]}</Option>
+            <Option value={TaskType.SPECIAL}>{TaskTypeText[TaskType.SPECIAL]}</Option>
+          </Select>
+        </Form.Item>
+
+        <Form.Item
+          label="品类"
+          name="category"
+          rules={[{ required: true, message: '请选择品类' }]}
+        >
+          <Select placeholder="请选择品类">
+            {categoryOptions.map(option => (
+              <Option key={option.value} value={option.value}>{option.label}</Option>
+            ))}
+          </Select>
+        </Form.Item>
+
+        <Form.Item
+          label="创建单位"
+          name="createBy"
+          rules={[{ required: true, message: '请选择创建单位' }]}
+        >
+          <Select placeholder="请选择创建单位">
+            {companyOptions.map(option => (
+              <Option key={option.value} value={option.value}>{option.label}</Option>
+            ))}
+          </Select>
+        </Form.Item>
+
+        <Form.Item
+          label="创建部门"
+          name="department"
+          rules={[{ required: true, message: '请选择创建部门' }]}
+        >
+          <Select placeholder="请选择创建部门">
+            {departmentOptions.map(option => (
+              <Option key={option.value} value={option.value}>{option.label}</Option>
+            ))}
+          </Select>
+        </Form.Item>
+
+        <Form.Item
+          label="模板状态"
+          name="status"
+          rules={[{ required: true, message: '请选择模板状态' }]}
+        >
+          <Select placeholder="请选择模板状态">
+            <Option value={TemplateStatus.ENABLED}>{TemplateStatusText[TemplateStatus.ENABLED]}</Option>
+            <Option value={TemplateStatus.DISABLED}>{TemplateStatusText[TemplateStatus.DISABLED]}</Option>
+          </Select>
+        </Form.Item>
+
+        <Form.Item wrapperCol={{ offset: 6, span: 16 }}>
+          <Button type="primary" htmlType="submit">
+            保存
+          </Button>
+          <Button style={{ marginLeft: 8 }} onClick={handleModalCancel}>
+            取消
+          </Button>
+        </Form.Item>
+      </Form>
+    );
+  };
+
   return (
-    <Card title="供应商模板管理">
-      <div>供应商评价模板管理模块</div>
-    </Card>
+    <div className={`common-container`}>
+      <div className="filter-action-row">
+        <Form
+          form={form}
+          name="search"
+          onFinish={handleSearch}
+          layout="inline"
+          className="filter-form"
+        >
+          <Form.Item name="templateName" label="模板名称">
+            <Input placeholder="请输入模板名称" allowClear />
+          </Form.Item>
+          <Form.Item name="createBy" label="创建单位">
+            <Select placeholder="请选择创建单位" allowClear style={{ width: 200 }}>
+              {companyOptions.map(option => (
+                <Option key={option.value} value={option.value}>{option.label}</Option>
+              ))}
+            </Select>
+          </Form.Item>
+          <Form.Item name="category" label="品类">
+            <Select placeholder="请选择品类" allowClear style={{ width: 150 }}>
+              {categoryOptions.map(option => (
+                <Option key={option.value} value={option.value}>{option.label}</Option>
+              ))}
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" htmlType="submit" icon={<SearchOutlined />} onClick={() => form.submit()}>
+              搜索
+            </Button>
+            <Button
+              type="primary"
+              danger
+              icon={<DeleteOutlined />}
+              onClick={() => {
+                form.resetFields();
+                fetchTemplateList(1, pagination.pageSize, {});
+              }}
+            >
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+        <div className="right-buttons">
+          <Button type="primary" ghost icon={<PlusOutlined />} onClick={handleAdd}>
+            新增
+          </Button>
+          <Button
+            danger
+            icon={<DeleteOutlined />}
+            onClick={handleBatchDelete}
+            disabled={!hasSelected}
+            loading={loading}
+          >
+            批量删除
+          </Button>
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Table
+          rowSelection={rowSelection}
+          columns={columns}
+          dataSource={templateData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+          scroll={{ x: 1200 }}
+        />
+      </div>
+
+      {/* 新增/编辑/查看模态框 */}
+      <Modal
+        title={isViewMode
+          ? "查看模板详情"
+          : isEdit
+          ? "编辑模板"
+          : "新增模板"}
+        visible={modalVisible}
+        onCancel={handleModalCancel}
+        width={800}
+        maskClosable={false}
+        destroyOnClose
+        footer={
+          isViewMode
+            ? [
+                <Button key="close" onClick={handleModalCancel}>
+                  关闭
+                </Button>,
+              ]
+            : null
+        }
+      >
+        {isViewMode ? renderTemplateDetail() : renderTemplateForm()}
+      </Modal>
+    </div>
   );
 };
 
diff --git a/src/typings.d.ts b/src/typings.d.ts
index ed8acb5..dfa7dc2 100644
--- a/src/typings.d.ts
+++ b/src/typings.d.ts
@@ -43,3 +43,153 @@ declare const REACT_APP_ENV: 'test' | 'dev' | 'pre' | false;
 
 declare const REQUEST_BASE: string;
 declare const UPLOAD_URL: string;
+
+declare namespace API {
+  // ... 其他类型定义
+
+  // 通用响应类型
+  type Result<T = any> = {
+    code: number;
+    msg: string;
+    data: T;
+  };
+
+  // 分页查询参数
+  type PageParams = {
+    current?: number;
+    pageSize?: number;
+  };
+
+  // 分页响应数据
+  type PageResult<T = any> = {
+    list: T[];
+    pagination: {
+      total: number;
+      pageSize: number;
+      current: number;
+    };
+  };
+}
+
+declare namespace SupplierEvaluate {
+  // 模板管理相关类型
+  type TemplateRecord = {
+    id: string;
+    key: string;
+    templateName: string;
+    templateCode: string;
+    templateType: string;
+    category: string;
+    status: string;
+    createBy: string;
+    department?: string;
+    createTime: string;
+    updateBy?: string;
+    updateTime?: string;
+  };
+
+  type TemplateSearchParams = {
+    templateName?: string;
+    status?: string;
+    createBy?: string;
+    category?: string;
+    dateRange?: string[];
+  };
+
+  // 任务管理相关类型
+  type TaskRecord = {
+    id: string;
+    key: string;
+    taskName: string;
+    taskCode: string;
+    taskType: string;
+    templateName: string;
+    status: string;
+    startTime: string;
+    endTime: string;
+    createBy: string;
+    createTime: string;
+    updateBy?: string;
+    updateTime?: string;
+  };
+
+  type TaskSearchParams = {
+    taskName?: string;
+    status?: string;
+    dateRange?: string[];
+  };
+
+  // 评价结果相关类型
+  type EvaluateResultRecord = {
+    id: string;
+    key: string;
+    taskName: string;
+    taskCode: string;
+    taskType: string;
+    status: string;
+    startTime: string;
+    endTime: string;
+    createBy: string;
+    createTime: string;
+    updateBy?: string;
+    updateTime?: string;
+    supplierCount?: number;
+    approvalStatus?: string;
+  };
+
+  type EvaluateResultSearchParams = {
+    taskName?: string;
+    status?: string;
+    approvalStatus?: string;
+    dateRange?: string[];
+  };
+
+  // 评价结果详情相关类型
+  type EvaluateResultDetailRecord = {
+    id: string;
+    key: string;
+    supplierName: string;
+    category: string;
+    score: number;
+    level: string;
+  };
+
+  type EvaluateResultDetailSearchParams = {
+    supplierName?: string;
+    level?: string;
+  };
+
+  // 评价得分明细相关类型
+  type ScoreDetailItem = {
+    key: string;
+    index: number;
+    itemName: string;
+    weight: number;
+    score: number;
+    weightedScore: number;
+    remark?: string;
+  };
+}
+
+declare module '*.css';
+declare module '*.less';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.bmp';
+declare module '*.tiff';
+declare module '*.svg' {
+  export function ReactComponent(props: React.SVGProps<SVGSVGElement>): React.ReactElement;
+  const url: string;
+  export default url;
+}
+
+declare module 'slash2';
+declare module '*.json';
+declare module 'react-copy-to-clipboard';
+declare module 'react-fittext';
+declare module '@antv/data-set';
+declare module 'nzh/cn';
+declare module 'webpack-theme-color-replacer';
+declare module 'webpack-theme-color-replacer/client';