diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue
new file mode 100644
index 00000000..dfc29380
--- /dev/null
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue
@@ -0,0 +1,98 @@
+<template>
+  <el-dialog title="采购记录详情" :visible.sync="visibleProxy" width="1000px" append-to-body>
+    <div class="detail-container">
+      <el-divider content-position="left">基本信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="采购事项ID">{{ detail.purchaseId || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="采购类别">{{ detail.purchaseCategory || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="项目名称" :span="2">{{ detail.projectName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="标的物名称">{{ detail.subjectName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="采购方式">{{ detail.purchaseMethod || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="标的物描述" :span="2">{{ detail.subjectDesc || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">数量与金额</el-divider>
+      <el-descriptions :column="3" border>
+        <el-descriptions-item label="采购数量">{{ detail.purchaseQty || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="预算金额(元)">{{ detail.budgetAmount || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="中标金额(元)">{{ detail.bidAmount || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="实际采购金额(元)">{{ detail.actualAmount || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="合同金额(元)">{{ detail.contractAmount || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="结算金额(元)">{{ detail.settlementAmount || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">供应商信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="中标供应商名称">{{ detail.supplierName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="统一信用代码">{{ detail.supplierUscc || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="供应商联系人">{{ detail.contactPerson || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="供应商联系电话">{{ detail.contactPhone || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="供应商银行账户" :span="2">{{ detail.supplierBankAccount || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">日期信息</el-divider>
+      <el-descriptions :column="3" border>
+        <el-descriptions-item label="采购申请日期">{{ detail.applyDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="计划批准日期">{{ detail.planApproveDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="公告发布日期">{{ detail.announceDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="开标日期">{{ detail.bidOpenDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="合同签订日期">{{ detail.contractSignDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="预计交货日期">{{ detail.expectedDeliveryDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="实际交货日期">{{ detail.actualDeliveryDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="验收日期">{{ detail.acceptanceDate || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="结算日期">{{ detail.settlementDate || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">申请人信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="申请人姓名">{{ detail.applicantName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="申请人工号">{{ detail.applicantId || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="申请部门" :span="2">{{ detail.applyDepartment || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">采购负责人信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="采购负责人姓名">{{ detail.purchaseLeaderName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="采购负责人工号">{{ detail.purchaseLeaderId || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="采购部门" :span="2">{{ detail.purchaseDepartment || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">审计信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ detail.createTime || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="更新时间">{{ detail.updateTime || "-" }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visibleProxy = false">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "ExtendedPurchaseDetailDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    detail: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    visibleProxy: {
+      get() {
+        return this.visible;
+      },
+      set(value) {
+        this.$emit("update:visible", value);
+      },
+    },
+  },
+};
+</script>
diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedQuerySection.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedQuerySection.vue
index 7bebe4a9..41427a2f 100644
--- a/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedQuerySection.vue
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedQuerySection.vue
@@ -79,6 +79,7 @@
           </el-form-item>
         </el-form>
       </el-tab-pane>
+
       <div class="extended-query-table">
         <el-table v-loading="currentState.loading" :data="currentState.rows" border>
           <template v-if="activeTab === 'purchase'">
@@ -104,6 +105,12 @@
             <el-table-column label="调动后部门" prop="deptNameAfter" min-width="160" />
             <el-table-column label="调动日期" prop="transferDate" width="140" />
           </template>
+
+          <el-table-column label="操作" width="120">
+            <template slot-scope="scope">
+              <el-button type="text" size="mini" @click="handleDetail(scope.row)">查看详情</el-button>
+            </template>
+          </el-table-column>
         </el-table>
 
         <pagination
@@ -115,15 +122,34 @@
         />
       </div>
     </el-tabs>
+
+    <extended-purchase-detail-dialog
+      :visible.sync="tabState.purchase.detailVisible"
+      :detail="tabState.purchase.detailData || {}"
+    />
+    <extended-recruitment-detail-dialog
+      :visible.sync="tabState.recruitment.detailVisible"
+      :detail="tabState.recruitment.detailData || {}"
+    />
+    <extended-transfer-detail-dialog
+      :visible.sync="tabState.transfer.detailVisible"
+      :detail="tabState.transfer.detailData || {}"
+    />
   </section>
 </template>
 
 <script>
 import {
+  getExtendedPurchaseDetail,
   getExtendedPurchaseList,
+  getExtendedRecruitmentDetail,
   getExtendedRecruitmentList,
+  getExtendedTransferDetail,
   getExtendedTransferList,
 } from "@/api/ccdi/projectSpecialCheck";
+import ExtendedPurchaseDetailDialog from "./ExtendedPurchaseDetailDialog";
+import ExtendedRecruitmentDetailDialog from "./ExtendedRecruitmentDetailDialog";
+import ExtendedTransferDetailDialog from "./ExtendedTransferDetailDialog";
 
 const LIST_API_MAP = {
   purchase: getExtendedPurchaseList,
@@ -131,8 +157,19 @@ const LIST_API_MAP = {
   transfer: getExtendedTransferList,
 };
 
+const DETAIL_API_MAP = {
+  purchase: getExtendedPurchaseDetail,
+  recruitment: getExtendedRecruitmentDetail,
+  transfer: getExtendedTransferDetail,
+};
+
 export default {
   name: "ExtendedQuerySection",
+  components: {
+    ExtendedPurchaseDetailDialog,
+    ExtendedRecruitmentDetailDialog,
+    ExtendedTransferDetailDialog,
+  },
   props: {
     projectId: {
       type: [String, Number],
@@ -261,6 +298,24 @@ export default {
         pageSize: query.pageSize,
       };
     },
+    buildDetailParams(tabName, row) {
+      if (tabName === "purchase") {
+        return {
+          projectId: this.projectId,
+          purchaseId: row.purchaseId,
+        };
+      }
+      if (tabName === "recruitment") {
+        return {
+          projectId: this.projectId,
+          recruitId: row.recruitId,
+        };
+      }
+      return {
+        projectId: this.projectId,
+        id: row.id,
+      };
+    },
     async loadList(tabName) {
       if (!this.projectId) {
         return;
@@ -283,6 +338,20 @@ export default {
         state.loading = false;
       }
     },
+    async handleDetail(row) {
+      const state = this.currentState;
+      state.detailLoading = true;
+      try {
+        const request = DETAIL_API_MAP[this.activeTab];
+        const response = await request(this.buildDetailParams(this.activeTab, row));
+        state.detailData = (response && response.data) || {};
+        state.detailVisible = true;
+      } catch (error) {
+        this.$message.error("详情加载失败");
+      } finally {
+        state.detailLoading = false;
+      }
+    },
   },
 };
 </script>
diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedRecruitmentDetailDialog.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedRecruitmentDetailDialog.vue
new file mode 100644
index 00000000..fa91aae8
--- /dev/null
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedRecruitmentDetailDialog.vue
@@ -0,0 +1,81 @@
+<template>
+  <el-dialog title="招聘记录详情" :visible.sync="visibleProxy" width="900px" append-to-body>
+    <div class="detail-container">
+      <el-divider content-position="left">招聘项目信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="招聘项目编号">{{ detail.recruitId || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="招聘项目名称">{{ detail.recruitName || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">职位信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="职位名称">{{ detail.posName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="职位类别">{{ detail.posCategory || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="职位描述" :span="2">{{ detail.posDesc || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">候选人信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="候选人姓名">{{ detail.candName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="学历">{{ detail.candEdu || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="证件号码">{{ detail.candId || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="毕业年月">{{ detail.candGrad || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="毕业院校">{{ detail.candSchool || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="专业">{{ detail.candMajor || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">录用信息</el-divider>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="录用情况">{{ detail.admitStatus || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">面试官信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="面试官1">{{ detail.interviewerName1 || "-" }} ({{ detail.interviewerId1 || "-" }})</el-descriptions-item>
+        <el-descriptions-item label="面试官2">{{ detail.interviewerName2 || "-" }} ({{ detail.interviewerId2 || "-" }})</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">审计信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ formatDate(detail.createTime) }}</el-descriptions-item>
+        <el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="更新时间">{{ formatDate(detail.updateTime) }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visibleProxy = false">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "ExtendedRecruitmentDetailDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    detail: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    visibleProxy: {
+      get() {
+        return this.visible;
+      },
+      set(value) {
+        this.$emit("update:visible", value);
+      },
+    },
+  },
+  methods: {
+    formatDate(value) {
+      return value ? this.parseTime(value) : "-";
+    },
+  },
+};
+</script>
diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedTransferDetailDialog.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedTransferDetailDialog.vue
new file mode 100644
index 00000000..9e8cced7
--- /dev/null
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedTransferDetailDialog.vue
@@ -0,0 +1,71 @@
+<template>
+  <el-dialog title="调动记录详情" :visible.sync="visibleProxy" width="900px" append-to-body>
+    <div class="detail-container">
+      <el-divider content-position="left">基本信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="员工姓名">{{ detail.staffName || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动类型">{{ detail.transferType || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动子类型">{{ detail.transferSubType || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动日期">{{ formatDate(detail.transferDate) }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">调动前信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="调动前部门">{{ detail.deptNameBefore || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动前职级">{{ detail.gradeBefore || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动前岗位">{{ detail.positionBefore || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动前薪酬等级">{{ detail.salaryLevelBefore || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">调动后信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="调动后部门">{{ detail.deptNameAfter || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动后职级">{{ detail.gradeAfter || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动后岗位">{{ detail.positionAfter || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="调动后薪酬等级">{{ detail.salaryLevelAfter || "-" }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-divider content-position="left">审计信息</el-divider>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ formatDate(detail.createTime) }}</el-descriptions-item>
+        <el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
+        <el-descriptions-item label="更新时间">{{ formatDate(detail.updateTime) }}</el-descriptions-item>
+      </el-descriptions>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visibleProxy = false">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "ExtendedTransferDetailDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    detail: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    visibleProxy: {
+      get() {
+        return this.visible;
+      },
+      set(value) {
+        this.$emit("update:visible", value);
+      },
+    },
+  },
+  methods: {
+    formatDate(value) {
+      return value ? this.parseTime(value) : "-";
+    },
+  },
+};
+</script>
diff --git a/ruoyi-ui/tests/unit/special-check-extended-query-columns.test.js b/ruoyi-ui/tests/unit/special-check-extended-query-columns.test.js
new file mode 100644
index 00000000..6bc3e9d8
--- /dev/null
+++ b/ruoyi-ui/tests/unit/special-check-extended-query-columns.test.js
@@ -0,0 +1,30 @@
+const assert = require("assert");
+const fs = require("fs");
+const path = require("path");
+
+const source = fs.readFileSync(
+  path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedQuerySection.vue"),
+  "utf8"
+);
+
+[
+  "采购事项ID",
+  "项目名称",
+  "标的物名称",
+  "申请人姓名",
+  "申请日期",
+  "招聘项目编号",
+  "招聘项目名称",
+  "职位名称",
+  "面试官姓名摘要",
+  "录用情况",
+  "员工姓名",
+  "调动类型",
+  "调动前部门",
+  "调动后部门",
+  "调动日期",
+  "查看详情",
+].forEach((token) => assert(source.includes(token), token));
+
+assert(source.includes("handleDetail"), "缺少详情查看方法");
+assert(source.includes("操作"), "缺少操作列");
diff --git a/ruoyi-ui/tests/unit/special-check-extended-query-detail-dialogs.test.js b/ruoyi-ui/tests/unit/special-check-extended-query-detail-dialogs.test.js
new file mode 100644
index 00000000..584f53b1
--- /dev/null
+++ b/ruoyi-ui/tests/unit/special-check-extended-query-detail-dialogs.test.js
@@ -0,0 +1,54 @@
+const assert = require("assert");
+const fs = require("fs");
+const path = require("path");
+
+const sectionSource = fs.readFileSync(
+  path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedQuerySection.vue"),
+  "utf8"
+);
+const purchaseDialogSource = fs.readFileSync(
+  path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue"),
+  "utf8"
+);
+const recruitmentDialogSource = fs.readFileSync(
+  path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedRecruitmentDetailDialog.vue"),
+  "utf8"
+);
+const transferDialogSource = fs.readFileSync(
+  path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedTransferDetailDialog.vue"),
+  "utf8"
+);
+
+assert(sectionSource.includes("getExtendedPurchaseDetail"), "缺少采购详情接口调用");
+assert(sectionSource.includes("getExtendedRecruitmentDetail"), "缺少招聘详情接口调用");
+assert(sectionSource.includes("getExtendedTransferDetail"), "缺少调动详情接口调用");
+assert(sectionSource.includes("extended-purchase-detail-dialog"), "缺少采购详情弹窗挂载");
+assert(sectionSource.includes("extended-recruitment-detail-dialog"), "缺少招聘详情弹窗挂载");
+assert(sectionSource.includes("extended-transfer-detail-dialog"), "缺少调动详情弹窗挂载");
+assert(sectionSource.includes("详情加载失败"), "详情查询失败时应提示错误");
+
+[
+  "基本信息",
+  "数量与金额",
+  "供应商信息",
+  "日期信息",
+  "申请人信息",
+  "采购负责人信息",
+  "审计信息",
+].forEach((token) => assert(purchaseDialogSource.includes(token), token));
+
+[
+  "招聘项目信息",
+  "职位信息",
+  "候选人信息",
+  "录用信息",
+  "面试官信息",
+  "审计信息",
+].forEach((token) => assert(recruitmentDialogSource.includes(token), token));
+
+[
+  "基本信息",
+  "调动前信息",
+  "调动后信息",
+  "审计信息",
+].forEach((token) => assert(transferDialogSource.includes(token), token));