From dde919231fc1b9ba3f138296aee83317f19e7def Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Thu, 12 Jun 2025 16:19:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=90=88=E5=90=8C=E5=AE=A1?=
 =?UTF-8?q?=E6=9F=A5=E7=9A=84=E4=BC=98=E5=8C=96=E5=92=8C=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E7=9A=84=E6=94=B9=E9=80=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ContractualRegulationNames/index.ts       |    8 +
 .../ContractualTaskResults/index.ts           |   19 +
 .../contractReview/ContractualTasks/model.ts  |   62 +-
 src/components/Preview/index.ts               |    1 +
 .../src/PdfPreview}/PageSelectModal.vue       |   38 +-
 .../src/PdfPreview/PdfPreviewComponent.vue    |  499 ++++++
 .../src/PdfPreview/ReviewPdfContainer.vue     |  247 +++
 .../Preview/src/PdfPreview/index.ts           |    2 +
 src/components/UniversalResultDrawer.vue      | 1344 +++++++++++++++++
 src/configs/contractTaskConfigs.ts            |  166 ++
 src/configs/documentTaskConfigs.ts            |  229 +++
 src/configs/taskConfigTypes.ts                |   65 +
 src/configs/taskConfigs.ts                    |   68 +
 src/configs/universalTaskConfigs.ts           |  405 +++++
 .../ContractualResultDetailDrawer.vue         | 1069 +------------
 .../ContractualTasks/ContractualTasks.data.ts |   64 +-
 .../components/ComplianceContent.vue          |  382 ++---
 .../components/ConsistencyContent.vue         |    4 +-
 .../components/InferenceReview.vue            |   14 +-
 .../configs/reviewTypeConfigs.ts              |  190 +++
 .../contractReview/ContractualTasks/index.vue |   22 +-
 .../contractReview/ContractualTasks/list.vue  |   20 +-
 .../DocumentTasks/ResultDetailDrawer.vue      | 1006 +-----------
 23 files changed, 3601 insertions(+), 2323 deletions(-)
 rename src/{views/documentReview/DocumentTasks => components/Preview/src/PdfPreview}/PageSelectModal.vue (59%)
 create mode 100644 src/components/Preview/src/PdfPreview/PdfPreviewComponent.vue
 create mode 100644 src/components/Preview/src/PdfPreview/ReviewPdfContainer.vue
 create mode 100644 src/components/Preview/src/PdfPreview/index.ts
 create mode 100644 src/components/UniversalResultDrawer.vue
 create mode 100644 src/configs/contractTaskConfigs.ts
 create mode 100644 src/configs/documentTaskConfigs.ts
 create mode 100644 src/configs/taskConfigTypes.ts
 create mode 100644 src/configs/taskConfigs.ts
 create mode 100644 src/configs/universalTaskConfigs.ts
 create mode 100644 src/views/contractReview/ContractualTasks/configs/reviewTypeConfigs.ts

diff --git a/src/api/contractReview/ContractualRegulationNames/index.ts b/src/api/contractReview/ContractualRegulationNames/index.ts
index c7eb04c..941d8d6 100644
--- a/src/api/contractReview/ContractualRegulationNames/index.ts
+++ b/src/api/contractReview/ContractualRegulationNames/index.ts
@@ -96,3 +96,11 @@ export function ContractualRegulationNamesViewPdf(id: ID) {
     { isReturnNativeResponse: true }
   );
 }
+
+/**
+ * 获取有效法规名称列表（用于合规性审查）
+ * @returns
+ */
+export function ContractualRegulationNamesEffectiveList() {
+  return defHttp.get<ContractualRegulationNamesVO[]>({ url: '/productManagement/ContractualRegulationNames/effective/list' });
+}
diff --git a/src/api/contractReview/ContractualTaskResults/index.ts b/src/api/contractReview/ContractualTaskResults/index.ts
index 2687239..5658d08 100644
--- a/src/api/contractReview/ContractualTaskResults/index.ts
+++ b/src/api/contractReview/ContractualTaskResults/index.ts
@@ -119,6 +119,25 @@ export function getPdfStream(taskId: ID): Promise<Blob> {
   ).then(response => response.data);
 }
 
+/**
+ * 获取招投标文件PDF文件流
+ * @param taskId 任务ID
+ * @returns Promise<Blob>
+ */
+export function getBidPdfStream(taskId: ID): Promise<Blob> {
+  return defHttp.get(
+    { 
+      url: `/productManagement/ContractualTaskResults/getBidPdfStream/${taskId}`,
+      responseType: 'blob',
+      timeout:600000
+    },
+    { 
+      isReturnNativeResponse: true,
+      errorMessageMode: 'none',
+    }
+  ).then(response => response.data);
+}
+
 /**
  * 更新合同任务结果项的状态（已读/采纳）
  * @param id 结果项ID
diff --git a/src/api/contractReview/ContractualTasks/model.ts b/src/api/contractReview/ContractualTasks/model.ts
index a253126..2b8515d 100644
--- a/src/api/contractReview/ContractualTasks/model.ts
+++ b/src/api/contractReview/ContractualTasks/model.ts
@@ -6,16 +6,6 @@ export interface ContractualTasksVO {
    */
   id: string | number;
 
-  /**
-   * 模型所属行业
-   */
-  taskIndustry: string;
-
-  /**
-   * 模型所属区域
-   */
-  taskRegion: string;
-
   /**
    * 合同任务名称
    */
@@ -36,6 +26,11 @@ export interface ContractualTasksVO {
    */
   progressStatus: string;
 
+  /**
+   * 审查类型（实质性审查，合规性审查，一致性审查）
+   */
+  reviewTypes: string;
+
 }
 
 export interface ContractualTasksForm extends BaseEntity {
@@ -44,16 +39,6 @@ export interface ContractualTasksForm extends BaseEntity {
    */
   id?: string | number;
 
-  /**
-   * 模型所属行业
-   */
-  taskIndustry?: string;
-
-  /**
-   * 模型所属区域
-   */
-  taskRegion?: string;
-
   /**
    * 合同任务名称
    */
@@ -74,19 +59,14 @@ export interface ContractualTasksForm extends BaseEntity {
    */
   progressStatus?: string;
 
-}
-
-export interface ContractualTasksQuery extends PageQuery {
-
   /**
-   * 模型所属行业
+   * 审查类型（实质性审查，合规性审查，一致性审查）
    */
-  taskIndustry?: string;
+  reviewTypes?: string;
 
-  /**
-   * 模型所属区域
-   */
-  taskRegion?: string;
+}
+
+export interface ContractualTasksQuery extends PageQuery {
 
   /**
    * 合同任务名称
@@ -108,6 +88,11 @@ export interface ContractualTasksQuery extends PageQuery {
    */
   progressStatus?: string;
 
+  /**
+   * 审查类型（实质性审查，合规性审查，一致性审查）
+   */
+  reviewTypes?: string;
+
     /**
      * 日期范围参数
      */
@@ -175,24 +160,19 @@ export interface SubstantiveData {
  */
 export interface ComplianceData {
   /**
-   * 关注要点
-   */
-  focusPoints?: string[];
-  
-  /**
-   * 行业类型
+   * 法规检查方式（ai: AI自动选择, manual: 人工选择法规）
    */
-  industry?: string;
+  regulationMethod?: string;
   
   /**
-   * 合规级别
+   * 选择的法规名称ID列表（当regulationMethod为manual时使用）
    */
-  level?: string;
+  regulationIds?: string[];
   
   /**
-   * 适用法规列表
+   * 特别说明
    */
-  regulations?: string[];
+  specialNote?: string;
   
   /**
    * 审查类型
diff --git a/src/components/Preview/index.ts b/src/components/Preview/index.ts
index c0b4685..bc7e0c5 100644
--- a/src/components/Preview/index.ts
+++ b/src/components/Preview/index.ts
@@ -1,2 +1,3 @@
 export { default as ImagePreview } from './src/Preview.vue';
 export { createImgPreview } from './src/functional';
+export { PdfPreviewComponent, PageSelectModal } from './src/PdfPreview';
diff --git a/src/views/documentReview/DocumentTasks/PageSelectModal.vue b/src/components/Preview/src/PdfPreview/PageSelectModal.vue
similarity index 59%
rename from src/views/documentReview/DocumentTasks/PageSelectModal.vue
rename to src/components/Preview/src/PdfPreview/PageSelectModal.vue
index 05df9f8..2aebb5f 100644
--- a/src/views/documentReview/DocumentTasks/PageSelectModal.vue
+++ b/src/components/Preview/src/PdfPreview/PageSelectModal.vue
@@ -2,11 +2,11 @@
   <Modal
     :visible="visible"
     title="请选择要跳转的页码"
-    @cancel="onClose"
+    @cancel="handleClose"
     :footer="null"
     width="400"
-    maskClosable
-    closable
+    :maskClosable="true"
+    :closable="true"
   >
     <p>该文本在以下页面出现：</p>
     <div style="display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;">
@@ -27,19 +27,31 @@
 <script setup lang="ts">
 import { defineProps, defineEmits } from 'vue';
 import { Modal, Button } from 'ant-design-vue';
-const props = defineProps({
-  visible: Boolean,
-  pages: {
-    type: Array as () => number[],
-    default: () => []
-  },
-  onSelect: Function,
-  onClose: Function
+
+interface PageSelectModalProps {
+  visible: boolean;
+  pages: number[];
+  onSelect?: (page: number) => void;
+  onClose?: () => void;
+}
+
+const props = withDefaults(defineProps<PageSelectModalProps>(), {
+  visible: false,
+  pages: () => [],
 });
-const emit = defineEmits(['select', 'close']);
+
+const emit = defineEmits<{
+  select: [page: number];
+  close: [];
+}>();
 
 function handleSelect(page: number) {
-  props.onSelect && props.onSelect(page);
+  props.onSelect?.(page);
   emit('select', page);
 }
+
+function handleClose() {
+  props.onClose?.();
+  emit('close');
+}
 </script> 
\ No newline at end of file
diff --git a/src/components/Preview/src/PdfPreview/PdfPreviewComponent.vue b/src/components/Preview/src/PdfPreview/PdfPreviewComponent.vue
new file mode 100644
index 0000000..7fc5c99
--- /dev/null
+++ b/src/components/Preview/src/PdfPreview/PdfPreviewComponent.vue
@@ -0,0 +1,499 @@
+<template>
+  <div class="pdf-preview">
+    <div class="pdf-container" ref="pdfContainer">
+      <div v-if="loading" class="loading-overlay">
+        <Spin size="large" :tip="loadingTip" />
+      </div>
+      <canvas ref="pdfCanvas" :style="{ opacity: loading ? 0.3 : 1 }"></canvas>
+    </div>
+    <div class="pdf-controls">
+      <Button @click="zoomOut" :disabled="scale <= 0.5 || loading">-</Button>
+      <Button @click="prevPage" :disabled="currentPage <= 1 || loading" class="ml-2">
+        <LeftOutlined />
+      </Button>
+      <span class="page-info">{{ currentPage }} / {{ totalPages }}</span>
+      <Button @click="nextPage" :disabled="currentPage >= totalPages || loading" class="ml-2">
+        <RightOutlined />
+      </Button>
+      <Button @click="zoomIn" :disabled="scale >= 3 || loading" class="ml-2">+</Button>
+    </div>
+    
+    <!-- 页面选择模态框 -->
+    <PageSelectModal
+      :visible="showPageSelectModal"
+      :pages="matchedPages"
+      :onSelect="handlePageSelect"
+      :onClose="handlePageModalClose"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch, onBeforeUnmount, nextTick } from 'vue';
+  import { Button, Spin } from 'ant-design-vue';
+  import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import * as pdfjsLib from 'pdfjs-dist';
+  import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
+  import PageSelectModal from './PageSelectModal.vue';
+
+  // 设置PDF.js worker路径
+  pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.js';
+
+  interface PdfPreviewProps {
+    pdfData?: Blob | null;
+    taskId?: string;
+    getPdfStream?: (taskId: string) => Promise<Blob>;
+  }
+
+  interface PdfLoadedData {
+    totalPages: number;
+  }
+
+  interface PdfPreviewInstance {
+    locateByText: (text: string) => Promise<void>;
+    locateByTextAndPage: (text: string, pageNumber: number) => Promise<void>;
+    loadPdf: (data?: Blob | string) => Promise<void>;
+    renderPage: (num: number, highlightStr?: string) => Promise<void>;
+    prevPage: () => Promise<void>;
+    nextPage: () => Promise<void>;
+    zoomIn: () => void;
+    zoomOut: () => void;
+  }
+
+  const props = withDefaults(defineProps<PdfPreviewProps>(), {
+    pdfData: null,
+    taskId: '',
+    getPdfStream: undefined
+  });
+
+  const emit = defineEmits<{
+    pdfLoaded: [data: PdfLoadedData];
+    pdfError: [error: any];
+  }>();
+
+  const pdfContainer = ref<HTMLElement | null>(null);
+  const pdfCanvas = ref<HTMLCanvasElement | null>(null);
+  let pdfDoc: PDFDocumentProxy | null = null;
+  const currentPage = ref(1);
+  const totalPages = ref(0);
+  const scale = ref(1);
+
+  const showPageSelectModal = ref(false);
+  const matchedPages = ref<number[]>([]);
+  const highlightText = ref<string | null>(null);
+
+  // Loading状态
+  const loading = ref(false);
+  const loadingTip = ref('');
+
+  let currentRenderTask: any = null; // 记录当前渲染任务
+
+  // 加载PDF文件
+  const loadPdf = async (data?: Blob | string) => {
+    loading.value = true;
+    loadingTip.value = '正在加载PDF文件...';
+    
+    try {
+      let pdfBlob: Blob;
+      
+      if (data instanceof Blob) {
+        pdfBlob = data;
+      } else if (typeof data === 'string' && props.getPdfStream) {
+        loadingTip.value = '正在获取PDF数据...';
+        pdfBlob = await props.getPdfStream(data);
+      } else if (props.taskId && props.getPdfStream) {
+        loadingTip.value = '正在获取PDF数据...';
+        pdfBlob = await props.getPdfStream(props.taskId);
+      } else {
+        throw new Error('无效的PDF数据源');
+      }
+
+      loadingTip.value = '正在解析PDF文件...';
+      const arrayBuffer = await pdfBlob.arrayBuffer();
+      const loadingTask = pdfjsLib.getDocument({ data: arrayBuffer });
+      const doc = await loadingTask.promise;
+      
+      if (doc) {
+        pdfDoc = doc;
+        totalPages.value = doc.numPages;
+        currentPage.value = 1;
+        await nextTick();
+        
+        loadingTip.value = '正在渲染第一页...';
+        await renderPage(1);
+        emit('pdfLoaded', { totalPages: doc.numPages });
+      }
+    } catch (error) {
+      console.error('加载PDF失败:', error);
+      message.error('加载PDF失败');
+      emit('pdfError', error);
+    } finally {
+      loading.value = false;
+      loadingTip.value = '';
+    }
+  };
+
+  // 渲染当前页面
+  const renderPage = async (num: number, highlightStr?: string) => {
+    if (!pdfDoc || !pdfCanvas.value || !pdfContainer.value) return;
+
+    try {
+      const page = await pdfDoc.getPage(num);
+      const canvas = pdfCanvas.value;
+      const ctx = canvas.getContext('2d');
+      if (!ctx) return;
+
+      // 计算自适应缩放比例，保证页面完整显示
+      const containerWidth = pdfContainer.value.clientWidth || 800;
+      const baseViewport = page.getViewport({ scale: 1 });
+      const scaleRatio = ((containerWidth - 48) / baseViewport.width) * scale.value;
+      const viewport = page.getViewport({ scale: scaleRatio });
+
+      canvas.width = viewport.width;
+      canvas.height = viewport.height;
+      canvas.style.width = `${viewport.width}px`;
+      canvas.style.height = `${viewport.height}px`;
+
+      // 关键：如果有上一次渲染任务，先取消
+      if (currentRenderTask) {
+        try { currentRenderTask.cancel(); } catch (e) {}
+      }
+
+      const renderContext = {
+        canvasContext: ctx,
+        viewport: viewport,
+      };
+
+      currentRenderTask = page.render(renderContext);
+      await currentRenderTask.promise;
+      currentRenderTask = null;
+
+      // 高亮文本实现
+      if (highlightStr) {
+        await highlightTextOnPage(page, ctx, viewport, highlightStr);
+      }
+    } catch (error) {
+      currentRenderTask = null;
+      // 如果是RenderingCancelledException，不提示错误
+      if (error && error.name === 'RenderingCancelledException') {
+        return;
+      }
+      console.error('渲染PDF页面失败:', error);
+      message.error('渲染PDF页面失败');
+    }
+  };
+
+  // 上一页
+  const prevPage = async () => {
+    if (currentPage.value > 1 && !loading.value) {
+      currentPage.value--;
+      await renderPage(currentPage.value);
+    }
+  };
+
+  // 下一页
+  const nextPage = async () => {
+    if (currentPage.value < totalPages.value && !loading.value) {
+      currentPage.value++;
+      await renderPage(currentPage.value);
+    }
+  };
+
+  // 放大
+  const zoomIn = () => {
+    if (scale.value < 3 && !loading.value) {
+      scale.value += 0.1;
+      renderPage(currentPage.value);
+    }
+  };
+
+  // 缩小
+  const zoomOut = () => {
+    if (scale.value > 0.5 && !loading.value) {
+      scale.value -= 0.1;
+      renderPage(currentPage.value);
+    }
+  };
+
+  // 根据文本定位
+  const locateByText = async (text: string) => {
+    if (!pdfDoc || !text || loading.value) return;
+    
+    loading.value = true;
+    loadingTip.value = '正在搜索文本...';
+    
+    try {
+      // 去除Markdown格式中的**标记
+      const cleanText = text.replace(/\*\*/g, '');
+      
+      const numPages = pdfDoc.numPages;
+      const foundPages: number[] = [];
+      
+      // 搜索所有页面
+      for (let i = 1; i <= numPages; i++) {
+        loadingTip.value = `正在搜索第${i}/${numPages}页...`;
+        const page = await pdfDoc.getPage(i);
+        const content = await page.getTextContent();
+        const pageText = content.items.map((item: any) => item.str).join('');
+        
+        // 标准化文本，移除所有非文本字符
+        const normalizeText = (text: string) => {
+          return text
+            .replace(/[\r\n\t\f\v]/g, '') // 移除所有换行和不可见字符
+            .replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '') // 只保留中文、英文和数字
+            .toLowerCase(); // 转换为小写以进行不区分大小写的比较
+        };
+
+        const normalizedPageText = normalizeText(pageText);
+        const normalizedSearchText = normalizeText(cleanText);
+        
+        if (normalizedPageText.includes(normalizedSearchText)) {
+          foundPages.push(i);
+        }
+      }
+      
+      if (foundPages.length === 0) {
+        message.warning('未在PDF中找到该文本');
+        return;
+      }
+      
+      // 保存要高亮的文本（去除**标记后的）
+      highlightText.value = cleanText;
+      
+      // 如果只找到一个页面，直接跳转并高亮
+      if (foundPages.length === 1) {
+        loadingTip.value = `正在跳转到第${foundPages[0]}页...`;
+        currentPage.value = foundPages[0];
+        await renderPage(foundPages[0], cleanText);
+        message.success(`已定位到第${foundPages[0]}页`);
+        return;
+      }
+      
+      // 如果找到多个页面，弹出选择对话框
+      matchedPages.value = foundPages;
+      showPageSelectModal.value = true;
+    } catch (error) {
+      console.error('文本定位失败:', error);
+      message.error('文本定位失败');
+    } finally {
+      loading.value = false;
+      loadingTip.value = '';
+    }
+  };
+
+  // 直接定位到指定页面并高亮文本（无需弹窗选择）
+  const locateByTextAndPage = async (text: string, pageNumber: number) => {
+    if (!pdfDoc || !text || loading.value || !pageNumber) return;
+    
+    loading.value = true;
+    loadingTip.value = `正在定位到第${pageNumber}页...`;
+    
+    try {
+      // 去除Markdown格式中的**标记
+      const cleanText = text.replace(/\*\*/g, '');
+      
+      // 检查页码是否有效
+      if (pageNumber < 1 || pageNumber > totalPages.value) {
+        message.warning(`无效的页码: ${pageNumber}`);
+        return;
+      }
+      
+      // 直接跳转到指定页面并高亮
+      currentPage.value = pageNumber;
+      await renderPage(pageNumber, cleanText);
+      message.success(`已定位到第${pageNumber}页`);
+    } catch (error) {
+      console.error('页面定位失败:', error);
+      message.error('页面定位失败');
+    } finally {
+      loading.value = false;
+      loadingTip.value = '';
+    }
+  };
+
+  // 页面选择处理
+  const handlePageSelect = async (page: number) => {
+    loading.value = true;
+    loadingTip.value = `正在跳转到第${page}页...`;
+    
+    try {
+      currentPage.value = page;
+      // 修复类型错误：确保highlightText.value不为null时才传递
+      await renderPage(page, highlightText.value || undefined);
+      showPageSelectModal.value = false;
+      message.success(`已定位到第${page}页`);
+    } catch (error) {
+      console.error('页面跳转失败:', error);
+      message.error('页面跳转失败');
+    } finally {
+      loading.value = false;
+      loadingTip.value = '';
+    }
+  };
+
+  const handlePageModalClose = () => {
+    showPageSelectModal.value = false;
+  };
+
+  // 高亮整段文本
+  async function highlightTextOnPage(page: any, ctx: any, viewport: any, targetText: string) {
+    if (!targetText) return;
+    
+    // 确保去除**标记
+    const cleanTargetText = targetText.replace(/\*\*/g, '');
+    
+    const textContent = await page.getTextContent();
+    const items = textContent.items as any[];
+    
+    // 连接所有文本项，但不移除空格，以保持更好的匹配精度
+    const pageTextWithSpaces = items.map((i: any) => i.str).join('');
+    const pageText = pageTextWithSpaces.replace(/\s/g, '');
+    const target = cleanTargetText.replace(/\s/g, '');
+    
+    // 尝试在页面文本中查找目标文本
+    const startIdx = pageText.indexOf(target);
+    if (startIdx === -1) return;
+    
+    // 反查属于哪些item
+    let charCount = 0;
+    let highlightItems: any[] = [];
+    let highlightStarted = false;
+    let highlightLength = 0;
+    
+    for (let item of items) {
+      const itemTextNoSpace = item.str.replace(/\s/g, '');
+      if (!highlightStarted && charCount + itemTextNoSpace.length > startIdx) {
+        highlightStarted = true;
+      }
+      
+      if (highlightStarted && highlightLength < target.length) {
+        highlightItems.push(item);
+        highlightLength += itemTextNoSpace.length;
+        if (highlightLength >= target.length) break;
+      }
+      
+      charCount += itemTextNoSpace.length;
+    }
+    
+    // 绘制高亮
+    ctx.save();
+    ctx.globalAlpha = 0.4;
+    ctx.fillStyle = '#ffd54f';
+    
+    for (let item of highlightItems) {
+      const transform = item.transform;
+      const x = transform[4]; // e
+      const y = transform[5]; // f
+      
+      // 通过viewport变换
+      const pt = viewport.convertToViewportPoint(x, y);
+      
+      // pdf.js的y是基线，需调整
+      const height = item.height || item.fontSize || 10;
+      const width = item.width || (item.str.length * (item.fontSize || 10) * 0.6);
+      
+      ctx.fillRect(pt[0], pt[1] - height, width, height + 2);
+    }
+    
+    ctx.restore();
+  }
+
+  // 监听props变化
+  watch(() => props.pdfData, (newData) => {
+    if (newData) {
+      loadPdf(newData);
+    }
+  }, { immediate: true });
+
+  watch(() => props.taskId, (newTaskId) => {
+    if (newTaskId && props.getPdfStream) {
+      loadPdf(newTaskId);
+    }
+  }, { immediate: true });
+
+  // 组件卸载前清理资源
+  onBeforeUnmount(() => {
+    if (pdfDoc) {
+      pdfDoc.destroy();
+    }
+  });
+
+  // 暴露方法给父组件
+  defineExpose<PdfPreviewInstance>({
+    locateByText,
+    locateByTextAndPage,
+    loadPdf,
+    renderPage,
+    prevPage,
+    nextPage,
+    zoomIn,
+    zoomOut
+  });
+</script>
+
+<style lang="less" scoped>
+  .pdf-preview {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background: #f5f5f5;
+    position: relative;
+  }
+
+  .pdf-container {
+    flex: 1;
+    overflow: auto;
+    display: block;
+    padding: 24px 0;
+    background: #f5f5f5;
+    position: relative;
+
+    canvas {
+      background: #fff;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+      border-radius: 6px;
+      display: block;
+      transition: opacity 0.3s;
+    }
+  }
+
+  .loading-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.8);
+    z-index: 10;
+
+    :deep(.ant-spin) {
+      .ant-spin-text {
+        color: #666;
+        margin-top: 8px;
+      }
+    }
+  }
+
+  .pdf-controls {
+    padding: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: white;
+    border-top: 1px solid #e8e8e8;
+
+    .page-info {
+      margin: 0 16px;
+      color: rgba(0, 0, 0, 0.65);
+    }
+  }
+
+  .ml-2 {
+    margin-left: 8px;
+  }
+</style> 
\ No newline at end of file
diff --git a/src/components/Preview/src/PdfPreview/ReviewPdfContainer.vue b/src/components/Preview/src/PdfPreview/ReviewPdfContainer.vue
new file mode 100644
index 0000000..58dafce
--- /dev/null
+++ b/src/components/Preview/src/PdfPreview/ReviewPdfContainer.vue
@@ -0,0 +1,247 @@
+<template>
+  <div class="review-pdf-container">
+    <!-- 单PDF布局 -->
+    <div v-if="pdfLayout === 'single'" class="single-pdf-layout">
+      <PdfPreviewComponent
+        ref="singlePdfRef"
+        :taskId="pdfSources[0]?.taskId"
+        :getPdfStream="getPdfStreamBySource(pdfSources[0]?.id)"
+        @pdfLoaded="handlePdfLoaded"
+        @pdfError="handlePdfError"
+      />
+    </div>
+    
+    <!-- 双PDF布局 -->
+    <div v-else-if="pdfLayout === 'split'" class="split-pdf-layout">
+      <!-- 调试信息 -->
+      <div v-if="pdfSources.length === 0" class="debug-info">
+        <p>⚠️ 没有PDF源配置</p>
+        <p>配置: {{ config }}</p>
+      </div>
+      
+      <!-- 强制显示两个PDF面板用于测试 -->
+      <div v-if="pdfSources.length < 2" class="debug-info">
+        <p>⚠️ PDF源数量不足: {{ pdfSources.length }}/2</p>
+        <p>当前源: {{ pdfSources.map(s => s.id).join(', ') }}</p>
+      </div>
+      
+      <div class="pdf-panel" v-for="(source, index) in pdfSources" :key="source.id">
+        <div class="pdf-panel-header">
+          <span class="pdf-title">{{ source.title }} ({{ source.id }})</span>
+          <!-- 临时调试信息 -->
+          <span class="debug-text">TaskId: {{ source.taskId }}</span>
+        </div>
+        <div class="pdf-panel-content">
+          <PdfPreviewComponent
+            :ref="el => setPdfRef(source.id, el)"
+            :taskId="source.taskId"
+            :getPdfStream="getPdfStreamBySource(source.id)"
+            @pdfLoaded="(data) => handlePdfLoaded(data, source.id)"
+            @pdfError="(error) => handlePdfError(error, source.id)"
+          />
+        </div>
+      </div>
+    </div>
+    
+    <!-- 调试信息 -->
+    <div v-else class="debug-info">
+      <p>⚠️ 未知的PDF布局类型: {{ pdfLayout }}</p>
+      <p>配置: {{ config }}</p>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, computed, onMounted } from 'vue';
+  import { PdfPreviewComponent } from '@/components/Preview';
+  import { getBidPdfStream } from '@/api/contractReview/ContractualTaskResults';
+
+  interface Props {
+    config: any;
+    taskInfo: any;
+    getPdfStream: (taskId: string) => Promise<Blob>;
+  }
+
+  const props = defineProps<Props>();
+  const emit = defineEmits(['pdfLoaded', 'pdfError']);
+
+  // PDF布局模式
+  const pdfLayout = computed(() => props.config.pdfLayout);
+
+  // PDF数据源
+  const pdfSources = computed(() => {
+    const sources = props.config.pdfSources.map(source => ({
+      ...source,
+      taskId: props.taskInfo[source.apiField] || props.taskInfo.id
+    }));
+    console.log('PDF Layout:', pdfLayout.value);
+    console.log('PDF Sources:', sources);
+    console.log('Task Info:', props.taskInfo);
+    return sources;
+  });
+
+  // PDF组件引用
+  const singlePdfRef = ref<InstanceType<typeof PdfPreviewComponent> | null>(null);
+  const pdfRefs = ref<Record<string, InstanceType<typeof PdfPreviewComponent> | null>>({});
+
+  // 设置PDF组件引用
+  const setPdfRef = (sourceId: string, el: any) => {
+    if (el) {
+      pdfRefs.value[sourceId] = el;
+    }
+  };
+
+  // 根据PDF源获取对应的getPdfStream函数
+  const getPdfStreamBySource = (sourceId: string) => {
+    console.log('Getting PDF stream for source:', sourceId);
+    if (sourceId === 'bid') {
+      // 招投标文件使用专门的API
+      return (taskId: string) => {
+        console.log('Using getBidPdfStream for taskId:', taskId);
+        return getBidPdfStream(taskId);
+      };
+    } else {
+      // 合同文件使用默认的API
+      return (taskId: string) => {
+        console.log('Using default getPdfStream for taskId:', taskId);
+        return props.getPdfStream(taskId);
+      };
+    }
+  };
+
+  // PDF加载成功处理
+  const handlePdfLoaded = (data: any, sourceId?: string) => {
+    console.log(`PDF loaded for ${sourceId || 'single'}:`, data);
+    emit('pdfLoaded', { data, sourceId });
+  };
+
+  // PDF加载失败处理
+  const handlePdfError = (error: any, sourceId?: string) => {
+    console.error(`PDF load error for ${sourceId || 'single'}:`, error);
+    emit('pdfError', { error, sourceId });
+  };
+
+  // 文本定位方法
+  const locateByText = async (text: string, pdfSource?: string) => {
+    if (pdfLayout.value === 'single') {
+      // 单PDF布局
+      if (singlePdfRef.value) {
+        await singlePdfRef.value.locateByText(text);
+      }
+    } else {
+      // 双PDF布局
+      if (pdfSource && pdfRefs.value[pdfSource]) {
+        await pdfRefs.value[pdfSource]?.locateByText(text);
+      } else {
+        // 如果没有指定PDF源，默认在第一个PDF中定位
+        const firstPdfRef = Object.values(pdfRefs.value)[0];
+        if (firstPdfRef) {
+          await firstPdfRef.locateByText(text);
+        }
+      }
+    }
+  };
+
+  // 直接定位到指定页面并高亮文本（无需弹窗选择）
+  const locateByTextAndPage = async (text: string, page: number, pdfSource?: string) => {
+    if (pdfLayout.value === 'single') {
+      // 单PDF布局
+      if (singlePdfRef.value) {
+        await singlePdfRef.value.locateByTextAndPage(text, page);
+      }
+    } else {
+      // 双PDF布局
+      if (pdfSource && pdfRefs.value[pdfSource]) {
+        await pdfRefs.value[pdfSource]?.locateByTextAndPage(text, page);
+      } else {
+        // 如果没有指定PDF源，默认在第一个PDF中定位
+        const firstPdfRef = Object.values(pdfRefs.value)[0];
+        if (firstPdfRef) {
+          await firstPdfRef.locateByTextAndPage(text, page);
+        }
+      }
+    }
+  };
+
+  // 组件挂载时输出配置信息
+  onMounted(() => {
+    console.log('=== ReviewPdfContainer Debug Info ===');
+    console.log('Config:', props.config);
+    console.log('PDF Layout:', pdfLayout.value);
+    console.log('PDF Sources Count:', props.config.pdfSources.length);
+    console.log('PDF Sources:', props.config.pdfSources);
+    console.log('Task Info:', props.taskInfo);
+    console.log('Computed PDF Sources:', pdfSources.value);
+    console.log('=====================================');
+  });
+
+  // 暴露方法给父组件
+  defineExpose({
+    locateByText,
+    locateByTextAndPage,
+    pdfRefs,
+    singlePdfRef
+  });
+</script>
+
+<style lang="less" scoped>
+  .review-pdf-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .single-pdf-layout {
+    width: 100%;
+    height: 100%;
+  }
+
+  .split-pdf-layout {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .pdf-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    border-right: 1px solid #e8e8e8;
+    
+    &:last-child {
+      border-right: none;
+    }
+  }
+
+  .pdf-panel-header {
+    padding: 8px 16px;
+    background: #fafafa;
+    border-bottom: 1px solid #e8e8e8;
+    flex-shrink: 0;
+  }
+
+  .pdf-title {
+    font-weight: 500;
+    color: #333;
+    font-size: 14px;
+  }
+
+  .pdf-panel-content {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .debug-info {
+    padding: 16px;
+    background: #f0f0f0;
+    border-top: 1px solid #e8e8e8;
+    text-align: center;
+  }
+
+  .debug-text {
+    font-size: 12px;
+    color: #999;
+  }
+</style> 
\ No newline at end of file
diff --git a/src/components/Preview/src/PdfPreview/index.ts b/src/components/Preview/src/PdfPreview/index.ts
new file mode 100644
index 0000000..60b2cfd
--- /dev/null
+++ b/src/components/Preview/src/PdfPreview/index.ts
@@ -0,0 +1,2 @@
+export { default as PdfPreviewComponent } from './PdfPreviewComponent.vue';
+export { default as PageSelectModal } from './PageSelectModal.vue'; 
\ No newline at end of file
diff --git a/src/components/UniversalResultDrawer.vue b/src/components/UniversalResultDrawer.vue
new file mode 100644
index 0000000..da4be56
--- /dev/null
+++ b/src/components/UniversalResultDrawer.vue
@@ -0,0 +1,1344 @@
+<template>
+  <Drawer
+    v-bind="$attrs"
+    :visible="visible"
+    @close="handleClose"
+    :title="config?.name || '审核结果'"
+    :width="width"
+    :closable="true"
+    :maskClosable="true"
+    :destroyOnClose="true"
+  >
+    <div class="universal-review-container">
+      <div class="split-layout">
+        <!-- 左侧PDF预览 -->
+        <div class="pdf-preview-wrapper" v-if="config?.pdfConfig && pdfLayoutConfig">
+          <ReviewPdfContainer
+            ref="pdfContainerRef"
+            :config="pdfLayoutConfig"
+            :taskInfo="taskInfo"
+            :getPdfStream="getPdfStream"
+            @pdfLoaded="handlePdfLoaded"
+            @pdfError="handlePdfError"
+          />
+        </div>
+        
+        <!-- 右侧审核结果 -->
+        <div class="content-container">
+          <!-- 多标签模式 -->
+          <div v-if="config?.mode === 'tabs'" class="tabs-container">
+            <div class="review-type-tabs" v-if="availableTabs.length > 0">
+              <Tabs v-model:activeKey="currentTab" @change="handleTabChange">
+                <TabPane 
+                  v-for="tab in availableTabs" 
+                  :key="tab.key" 
+                  :tab="tab.label"
+                />
+              </Tabs>
+            </div>
+            <div class="tab-content">
+              <div class="category-items" v-if="filteredResults.length > 0">
+                <div class="items-card-list">
+                  <template v-for="(category, categoryIndex) in filteredResults" :key="categoryIndex">
+                    <Card
+                      v-for="(item, idx) in category.results" 
+                      :key="getItemKey(categoryIndex, idx, item)"
+                      class="item-card"
+                      :bordered="true"
+                      :bodyStyle="{ padding: activeItemKeys.includes(getItemKey(categoryIndex, idx, item)) ? '16px' : '0', height: activeItemKeys.includes(getItemKey(categoryIndex, idx, item)) ? 'auto' : '0', overflow: 'hidden', transition: 'all 0.3s' }"
+                    >
+                      <template #title>
+                        <div class="item-header-content" @click="toggleItemExpand(categoryIndex, idx, item)">
+                          <div class="item-info">
+                            <span class="item-serial">{{ item.serialNumber }}</span>
+                            <span class="item-title">{{ item.existingIssues }}</span>
+                          </div>
+                          <div class="item-actions">
+                            <Switch
+                              :checked="item.isRead === '1'"
+                              checked-children="已读"
+                              un-checked-children="未读"
+                              :loading="loading && currentOpId === item.id && currentOpField === 'isRead'"
+                              @change="(checked: any) => handleStatusChange(item.id!, 'isRead', checked ? '1' : '0')"
+                              @click.stop
+                            />
+                            <Switch
+                              class="ml-3"
+                              :checked="item.isAdopted === '1'"
+                              checked-children="已采纳"
+                              un-checked-children="未采纳"
+                              :loading="loading && currentOpId === item.id && currentOpField === 'isAdopted'"
+                              @change="(checked: any) => handleStatusChange(item.id!, 'isAdopted', checked ? '1' : '0')"
+                              @click.stop
+                            />
+                            <DownOutlined v-if="!activeItemKeys.includes(getItemKey(categoryIndex, idx, item))" class="expand-icon ml-3" />
+                            <UpOutlined v-else class="expand-icon ml-3" />
+                          </div>
+                        </div>
+                      </template>
+                      <div class="item-content" v-if="activeItemKeys.includes(getItemKey(categoryIndex, idx, item))">
+                        <template v-for="(section, sectionIndex) in getContentSections(item)" :key="sectionIndex">
+                          <div v-if="getItemValue(item, section.field)" class="content-section">
+                            <div class="section-title">
+                              {{ section.title }}：
+                              <div class="title-actions">
+                                <Button 
+                                  v-if="shouldShowComparison(section, item) && shouldShowComparisonButton(section)"
+                                  type="link" 
+                                  size="small" 
+                                  class="comparison-btn"
+                                  @click.stop="toggleComparison(getItemId(item, categoryIndex, idx))"
+                                >
+                                  <EyeOutlined v-if="!comparisonVisible[getItemId(item, categoryIndex, idx)]" />
+                                  <EyeInvisibleOutlined v-else />
+                                  {{ comparisonVisible[getItemId(item, categoryIndex, idx)] ? '隐藏对比' : '显示对比' }}
+                                </Button>
+                                <Button 
+                                  type="link" 
+                                  size="small" 
+                                  class="copy-btn"
+                                  @click.stop="copyContent(getItemValue(item, section.field))"
+                                  v-if="getItemValue(item, section.field)"
+                                >
+                                  <CopyOutlined /> 复制
+                                </Button>
+                              </div>
+                            </div>
+                            <div
+                              class="section-content markdown-content"
+                              v-html="renderContent(section, getItemValue(item, section.field))"
+                              @click="locateByText(getItemValue(item, section.field), item, section, categoryIndex, idx)"
+                            ></div>
+                            
+                            <!-- 页面按钮 - 只在有pdfSource且存在多页时显示 -->
+                            <div 
+                              v-if="supportsPdfLocation(section) && fieldPageButtons[getFieldKey(item, section, categoryIndex, idx)]"
+                              class="page-buttons"
+                            >
+                              <span class="page-buttons-label">定位到页面：</span>
+                              <Button 
+                                v-for="page in fieldPageButtons[getFieldKey(item, section, categoryIndex, idx)]"
+                                :key="page"
+                                type="link" 
+                                size="small"
+                                class="page-btn"
+                                @click.stop="goToPageByButton(page, section)"
+                              >
+                                第{{ page }}页
+                              </Button>
+                            </div>
+                          </div>
+                          
+                          <!-- 对比内容展示 - 只在对比模式下显示 -->
+                          <div 
+                            v-if="shouldShowComparison(section, item) && 
+                                  hasComparisonContent(item, section) && 
+                                  comparisonVisible[getItemId(item, categoryIndex, idx)]" 
+                            class="content-section comparison-section"
+                          >
+                            <div class="section-title">
+                              {{ getComparisonTitle(section) }}：
+                              <Button 
+                                type="link" 
+                                size="small" 
+                                class="copy-btn"
+                                @click.stop="copyContent(getComparisonContent(item, section))"
+                              >
+                                <CopyOutlined /> 复制
+                              </Button>
+                            </div>
+                            <div
+                              class="section-content markdown-content comparison-content"
+                              v-html="renderMarkdown(getComparisonContent(item, section))"
+                              @click="locateByText(getComparisonContent(item, section), item, section, categoryIndex, idx)"
+                            ></div>
+                          </div>
+                        </template>
+                      </div>
+                    </Card>
+                  </template>
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 单一模式 -->
+          <div v-else class="single-content">
+            <Tabs v-model:activeKey="activeCollapseKeys[0]">
+              <TabPane 
+                v-for="(category, index) in filteredTaskResultDetail" 
+                :key="index.toString()" 
+                :tab="category.name + ' (' + category.results.length + ')'"
+              >
+                <div class="category-items">
+                  <div class="items-card-list">
+                    <Card
+                      v-for="(item, idx) in category.results" 
+                      :key="getItemKey(index, idx, item)"
+                      class="item-card"
+                      :bordered="true"
+                      :bodyStyle="{ padding: activeItemKeys.includes(getItemKey(index, idx, item)) ? '16px' : '0', height: activeItemKeys.includes(getItemKey(index, idx, item)) ? 'auto' : '0', overflow: 'hidden', transition: 'all 0.3s' }"
+                    >
+                      <template #title>
+                        <div class="item-header-content" @click="toggleItemExpand(index, idx, item)">
+                          <div class="item-info">
+                            <span class="item-serial">{{ item.serialNumber }}</span>
+                            <span class="item-title">{{ item.existingIssues }}</span>
+                          </div>
+                          <div class="item-actions">
+                            <Switch
+                              :checked="item.isRead === '1'"
+                              checked-children="已读"
+                              un-checked-children="未读"
+                              :loading="loading && currentOpId === item.id && currentOpField === 'isRead'"
+                              @change="(checked: any) => handleStatusChange(item.id!, 'isRead', checked ? '1' : '0')"
+                              @click.stop
+                            />
+                            <Switch
+                              class="ml-3"
+                              :checked="item.isAdopted === '1'"
+                              checked-children="已采纳"
+                              un-checked-children="未采纳"
+                              :loading="loading && currentOpId === item.id && currentOpField === 'isAdopted'"
+                              @change="(checked: any) => handleStatusChange(item.id!, 'isAdopted', checked ? '1' : '0')"
+                              @click.stop
+                            />
+                            <DownOutlined v-if="!activeItemKeys.includes(getItemKey(index, idx, item))" class="expand-icon ml-3" />
+                            <UpOutlined v-else class="expand-icon ml-3" />
+                          </div>
+                        </div>
+                      </template>
+                      <div class="item-content" v-if="activeItemKeys.includes(getItemKey(index, idx, item))">
+                        <template v-for="(section, sectionIndex) in getContentSections(item)" :key="sectionIndex">
+                          <div v-if="getItemValue(item, section.field)" class="content-section">
+                            <div class="section-title">
+                              {{ section.title }}：
+                              <div class="title-actions">
+                                <Button 
+                                  v-if="shouldShowComparison(section, item) && shouldShowComparisonButton(section)"
+                                  type="link" 
+                                  size="small" 
+                                  class="comparison-btn"
+                                  @click.stop="toggleComparison(getItemId(item, index, idx))"
+                                >
+                                  <EyeOutlined v-if="!comparisonVisible[getItemId(item, index, idx)]" />
+                                  <EyeInvisibleOutlined v-else />
+                                  {{ comparisonVisible[getItemId(item, index, idx)] ? '隐藏对比' : '显示对比' }}
+                                </Button>
+                                <Button 
+                                  type="link" 
+                                  size="small" 
+                                  class="copy-btn"
+                                  @click.stop="copyContent(getItemValue(item, section.field))"
+                                  v-if="getItemValue(item, section.field)"
+                                >
+                                  <CopyOutlined /> 复制
+                                </Button>
+                              </div>
+                            </div>
+                            <div
+                              class="section-content markdown-content"
+                              v-html="renderContent(section, getItemValue(item, section.field))"
+                              v-if="getItemValue(item, section.field)"
+                              @click="locateByText(getItemValue(item, section.field), item, section, index, idx)"
+                            ></div>
+                            
+                            <!-- 页面按钮 - 只在有pdfSource且存在多页时显示 -->
+                            <div 
+                              v-if="supportsPdfLocation(section) && fieldPageButtons[getFieldKey(item, section, index, idx)]"
+                              class="page-buttons"
+                            >
+                              <span class="page-buttons-label">定位到页面：</span>
+                              <Button 
+                                v-for="page in fieldPageButtons[getFieldKey(item, section, index, idx)]"
+                                :key="page"
+                                type="link" 
+                                size="small"
+                                class="page-btn"
+                                @click.stop="goToPageByButton(page, section)"
+                              >
+                                第{{ page }}页
+                              </Button>
+                            </div>
+                            
+                          </div>
+                          
+                          <!-- 对比内容展示 - 只在对比模式下显示 -->
+                          <div 
+                            v-if="shouldShowComparison(section, item) && 
+                                  hasComparisonContent(item, section) && 
+                                  comparisonVisible[getItemId(item, index, idx)]" 
+                            class="content-section comparison-section"
+                          >
+                            <div class="section-title">
+                              {{ getComparisonTitle(section) }}：
+                              <Button 
+                                type="link" 
+                                size="small" 
+                                class="copy-btn"
+                                @click.stop="copyContent(getComparisonContent(item, section))"
+                              >
+                                <CopyOutlined /> 复制
+                              </Button>
+                            </div>
+                            <div
+                              class="section-content markdown-content comparison-content"
+                              v-html="renderMarkdown(getComparisonContent(item, section))"
+                              @click="locateByText(getComparisonContent(item, section), item, section, index, idx)"
+                            ></div>
+                          </div>
+                        </template>
+                      </div>
+                    </Card>
+                  </div>
+                </div>
+              </TabPane>
+            </Tabs>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <template #footer>
+      <div class="drawer-footer">
+        <div class="status-switches">
+          <Switch
+            :checked="expandReadItems"
+            checked-children="展开已读"
+            un-checked-children="折叠已读"
+            @change="(checked: any) => toggleExpandReadItems(checked)"
+          />
+          <Switch
+            class="ml-3"
+            :checked="expandAdoptedItems"
+            checked-children="展开已采纳"
+            un-checked-children="折叠已采纳"
+            @change="(checked: any) => toggleExpandAdoptedItems(checked)"
+          />
+        </div>
+        <Button type="primary" @click="handleClose">关闭</Button>
+      </div>
+    </template>
+  </Drawer>
+</template>
+
+<script lang="ts" setup>
+  import { ref, computed, watch, nextTick, type PropType } from 'vue';
+  import { Drawer, Button, Card, Switch, Tabs, TabPane } from 'ant-design-vue';
+  import { DownOutlined, UpOutlined, CopyOutlined, EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import MarkdownIt from 'markdown-it';
+  import ReviewPdfContainer from '@/components/Preview/src/PdfPreview/ReviewPdfContainer.vue';
+  import { 
+    getTaskConfig, 
+    shouldShowComparison, 
+    getFieldPdfSource,
+    supportsPdfLocation,
+    getComparisonField,
+    getComparisonTitle,
+    shouldShowComparisonButton,
+    type TaskConfig,
+    type FieldConfig 
+  } from '@/configs/taskConfigs';
+
+  // 定义数据接口
+  interface TaskResultItem {
+    id?: string;
+    serialNumber?: string;
+    existingIssues?: string;
+    isRead?: string;
+    isAdopted?: string;
+    originalText?: string;
+    modifiedContent?: string;
+    modificationDisplay?: string;
+    reviewBasis?: any;
+    comparedText?: string;
+    [key: string]: any;
+  }
+
+  interface TaskResultCategory {
+    name: string;
+    results: TaskResultItem[];
+  }
+
+  const props = defineProps({
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    width: {
+      type: [String, Number],
+      default: '95%'
+    },
+    taskType: {
+      type: String,
+      required: true
+    },
+    taskResultDetail: {
+      type: Array as PropType<TaskResultCategory[]>,
+      default: () => []
+    },
+    taskInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    getPdfStream: {
+      type: Function as PropType<(taskId: string) => Promise<Blob>>,
+      required: true
+    },
+    updateResultItemStatus: {
+      type: Function as PropType<(id: string, field: string, value: string) => Promise<void>>,
+      required: true
+    }
+  });
+
+  const emit = defineEmits(['update:visible', 'close']);
+
+  const md = new MarkdownIt({
+    html: true,
+    linkify: true,
+    typographer: true,
+    breaks: true,
+  });
+
+  // 获取任务配置
+  const config = computed(() => getTaskConfig(props.taskType));
+
+  // 基础状态管理
+  const activeCollapseKeys = ref<string[]>(['0']);
+  const activeItemKeys = ref<string[]>([]);
+  const loading = ref<boolean>(false);
+  const currentOpId = ref<string>('');
+  const currentOpField = ref<string>('');
+  const expandReadItems = ref<boolean>(false);
+  const expandAdoptedItems = ref<boolean>(false);
+
+  // 多标签模式相关状态
+  const currentTab = ref<string>('');
+  const comparisonVisible = ref<Record<string, boolean>>({});
+
+  // 页面选择相关状态（仅保留必要的）
+  const currentSelectText = ref<string>('');
+  const currentSelectFieldConfig = ref<FieldConfig | null>(null);
+  const currentSelectItem = ref<TaskResultItem | null>(null);
+  const currentSelectCategoryIndex = ref<number | null>(null);
+  const currentSelectItemIndex = ref<number | null>(null);
+  const fieldPageButtons = ref<Record<string, number[]>>({});
+
+  const pdfContainerRef = ref<InstanceType<typeof ReviewPdfContainer> | null>(null);
+
+  // PDF布局配置（支持tabs模式下动态切换）
+  const pdfLayoutConfig = computed(() => {
+    if (!config.value) return null;
+    
+    let pdfConfig = config.value.pdfConfig;
+    
+    // 如果是tabs模式，优先使用当前tab的PDF配置
+    if (config.value.mode === 'tabs' && currentTab.value) {
+      // 根据当前tab名称匹配配置中的tab
+      // 通过数据的name（中文）匹配配置中的label
+      const currentTabConfig = config.value.tabs?.find(tab => tab.label === currentTab.value);
+      if (currentTabConfig?.pdfConfig) {
+        pdfConfig = currentTabConfig.pdfConfig;
+      }
+    }
+    
+    if (!pdfConfig) return null;
+    
+    // 创建适配ReviewTypeConfig接口的配置对象
+    return {
+      type: config.value.taskType,
+      name: config.value.name,
+      pdfLayout: pdfConfig.layout,
+      pdfSources: pdfConfig.sources,
+      fields: [] // 暂时使用空数组避免类型冲突
+    } as any;
+  });
+
+  // 可用标签页（直接基于数据生成）
+  const availableTabs = computed(() => {
+    if (config.value?.mode !== 'tabs' || !props.taskResultDetail || props.taskResultDetail.length === 0) {
+      return [];
+    }
+    
+    // 在tabs模式下，跳过第一个"全部"数据，只显示实际的分类
+    const dataToProcess = props.taskResultDetail.slice(1); // 跳过第一个数据
+    
+    // 根据剩余数据生成标签页
+    return dataToProcess.map((category, index) => ({
+      key: category.name, // 使用数据的name作为key
+      label: `${category.name} (${category.results?.length || 0})`,
+      dataIndex: index + 1, // 记录在原数据中的索引（+1因为跳过了第一个）
+      name: category.name
+    }));
+  });
+
+  // 过滤后的结果（用于标签模式）
+  const filteredResults = computed(() => {
+    if (config.value?.mode !== 'tabs' || !props.taskResultDetail || !currentTab.value) {
+      return [];
+    }
+    
+    // 在tabs模式下，跳过第一个"全部"数据，只从实际分类中查找
+    const dataToSearch = props.taskResultDetail.slice(1); // 跳过第一个数据
+    
+    // 根据当前选中的tab name，找到对应的数据类别
+    const targetCategory = dataToSearch.find(category => category.name === currentTab.value);
+    
+    if (targetCategory) {
+      return [targetCategory];
+    }
+    
+    // 如果没找到对应数据，返回空数组
+    return [];
+  });
+
+  // 单一模式的过滤结果
+  const filteredTaskResultDetail = computed(() => {
+    if (config.value?.mode === 'tabs') return [];
+    
+    if (props.taskResultDetail.length <= 0) {
+      return [];
+    }
+
+    // 如果只有两个或更少的类别，或者第一个类别的results数量<=5个，只展示第一个类别
+    if (props.taskResultDetail.length <= 2 || 
+        (props.taskResultDetail[0] && props.taskResultDetail[0].results && 
+         props.taskResultDetail[0].results.length <= 5)) {
+      return [props.taskResultDetail[0]];
+    }
+
+    return props.taskResultDetail;
+  });
+
+  // 获取当前字段配置
+  const getContentSections = (item: TaskResultItem): FieldConfig[] => {
+    if (config.value?.mode === 'tabs') {
+      // 多标签模式：根据当前标签页名称匹配配置中的tab
+      // 通过数据的name（中文）匹配配置中的label
+      const currentTabConfig = config.value.tabs?.find(tab => tab.label === currentTab.value);
+      return (currentTabConfig?.fields || []).filter(field => {
+        if (field.displayCondition) {
+          return field.displayCondition(item);
+        }
+        return getItemValue(item, field.field);
+      });
+    } else {
+      // 单一模式：使用配置的字段
+      return (config.value?.fields || []).filter(field => {
+        if (field.displayCondition) {
+          return field.displayCondition(item);
+        }
+        return getItemValue(item, field.field);
+      });
+    }
+  };
+
+  // 从项目中获取特定字段的值
+  const getItemValue = (item: TaskResultItem, field: string): any => {
+    if (!item || !field) return null;
+    
+    // 支持嵌套字段
+    if (field.includes('.')) {
+      const parts = field.split('.');
+      let value: any = item;
+      for (const part of parts) {
+        if (value && typeof value === 'object') {
+          value = value[part];
+        } else if (part === 'reviewBasis' && typeof value === 'string') {
+          try {
+            value = JSON.parse(value);
+          } catch (e) {
+            return null;
+          }
+        } else {
+          return null;
+        }
+      }
+      return value;
+    }
+    
+    // 如果直接访问reviewBasis字段且为字符串，尝试解析
+    if (field === 'reviewBasis' && typeof item[field] === 'string') {
+      try {
+        return JSON.parse(item[field]);
+      } catch (e) {
+        return item[field];
+      }
+    }
+    
+    return item[field];
+  };
+
+  // 根据配置渲染内容
+  const renderContent = (section: FieldConfig, value: any): string => {
+    if (!value) return '';
+    
+    if (section.displayType === 'markdown') {
+      if (section.dataType === 'json' && section.jsonConfig) {
+        return renderJsonContent(value, section.jsonConfig);
+      }
+      return renderMarkdown(value);
+    }
+    
+    return value.toString().replace(/\n/g, '<br>');
+  };
+
+  // 渲染JSON内容
+  const renderJsonContent = (value: any, jsonConfig: any): string => {
+    let jsonObj = value;
+    
+    // 如果是字符串，尝试解析为JSON
+    if (typeof value === 'string') {
+      try {
+        jsonObj = JSON.parse(value);
+      } catch (e) {
+        return value.toString().replace(/\n/g, '<br>');
+      }
+    }
+    
+    const values: string[] = [];
+    const separator = jsonConfig.separator || '：';
+    
+    jsonConfig.extractFields.forEach((fieldName: string) => {
+      if (jsonObj[fieldName]) {
+        let fieldValue = jsonObj[fieldName];
+        
+        // 应用字段处理器
+        if (jsonConfig.fieldProcessors && jsonConfig.fieldProcessors[fieldName]) {
+          fieldValue = jsonConfig.fieldProcessors[fieldName](fieldValue);
+        } else {
+          // 默认处理：如果是数组取第一个元素
+          if (Array.isArray(fieldValue) && fieldValue.length > 0) {
+            fieldValue = fieldValue[0];
+          }
+        }
+        
+        if (fieldValue) {
+          values.push(String(fieldValue));
+        }
+      }
+    });
+    
+    return renderMarkdown(values.join(separator));
+  };
+
+  const renderMarkdown = (text: any) => {
+    if (!text) return '';
+    
+    const processedText = String(text).replace(/\n/g, '  \n');
+    return md.render(processedText);
+  };
+
+  // 生成审核项的唯一key
+  const getItemKey = (categoryIndex: number, itemIndex: number, item: TaskResultItem): string => {
+    return item.id ? String(item.id) : `${categoryIndex}-${itemIndex}`;
+  };
+
+  // 获取项目的唯一标识符
+  const getItemId = (item: TaskResultItem, categoryIndex: number, itemIndex: number): string => {
+    return item.id ? String(item.id) : getItemKey(categoryIndex, itemIndex, item);
+  };
+
+  // 切换对比显示状态
+  const toggleComparison = (itemId: string) => {
+    comparisonVisible.value[itemId] = !comparisonVisible.value[itemId];
+  };
+
+  // 切换项目展开/折叠
+  const toggleItemExpand = (categoryIndex: number, itemIndex: number, item: TaskResultItem) => {
+    const itemKey = getItemKey(categoryIndex, itemIndex, item);
+    const index = activeItemKeys.value.indexOf(itemKey);
+    
+    if (index > -1) {
+      activeItemKeys.value.splice(index, 1);
+    } else {
+      activeItemKeys.value.push(itemKey);
+    }
+  };
+
+  // 根据过滤条件更新折叠状态
+  const updateActiveItemKeys = () => {
+    const newActiveKeys: string[] = [];
+    const dataToProcess = config.value?.mode === 'tabs' ? filteredResults.value : filteredTaskResultDetail.value;
+    
+    dataToProcess.forEach((category: TaskResultCategory, categoryIndex: number) => {
+      if (category?.results) {
+        category.results.forEach((item: TaskResultItem, itemIndex: number) => {
+          const itemKey = getItemKey(categoryIndex, itemIndex, item);
+          const isRead = item.isRead === '1';
+          const isAdopted = item.isAdopted === '1';
+          
+          const shouldExpand = 
+            (!isRead && !isAdopted) ||
+            (isRead && expandReadItems.value) ||
+            (isAdopted && expandAdoptedItems.value);
+          
+          if (shouldExpand) {
+            newActiveKeys.push(itemKey);
+          }
+        });
+      }
+    });
+    
+    activeItemKeys.value = newActiveKeys;
+  };
+
+  // 切换展开已读项
+  const toggleExpandReadItems = (checked: any) => {
+    expandReadItems.value = !!checked;
+    updateActiveItemKeys();
+  };
+
+  // 切换展开已采纳项
+  const toggleExpandAdoptedItems = (checked: any) => {
+    expandAdoptedItems.value = !!checked;
+    updateActiveItemKeys();
+  };
+
+  // 标签页切换
+  const handleTabChange = (activeKey: string | number) => {
+    currentTab.value = String(activeKey);
+    nextTick(() => {
+      updateActiveItemKeys();
+      // 通知PDF容器配置已变化
+      if (pdfContainerRef.value) {
+        pdfContainerRef.value.$forceUpdate && pdfContainerRef.value.$forceUpdate();
+      }
+    });
+  };
+
+  // 状态变更处理
+  const handleStatusChange = async (id: string, field: 'isRead' | 'isAdopted', value: '0' | '1') => {
+    if (!id) {
+      message.error('缺少记录ID，无法更新状态');
+      return;
+    }
+    
+    loading.value = true;
+    currentOpId.value = id;
+    currentOpField.value = field;
+    
+    try {
+      await props.updateResultItemStatus(id, field, value);
+      
+      // 更新本地状态
+      const dataToUpdate = config.value?.mode === 'tabs' ? props.taskResultDetail : filteredTaskResultDetail.value;
+      dataToUpdate.forEach((category: TaskResultCategory) => {
+        if (category?.results) {
+          category.results.forEach((item: TaskResultItem) => {
+            if (item.id === id) {
+              item[field] = value;
+            }
+          });
+        }
+      });
+      
+      updateActiveItemKeys();
+    } catch (error) {
+      console.error('更新状态失败', error);
+      message.error('更新状态失败');
+    } finally {
+      loading.value = false;
+      currentOpId.value = '';
+      currentOpField.value = '';
+    }
+  };
+
+  // 复制内容到剪贴板
+  const copyContent = (content: any) => {
+    if (!content) return;
+    
+    let textToCopy = '';
+    
+    if (typeof content === 'string') {
+      try {
+        const parsed = JSON.parse(content);
+        if (parsed && typeof parsed === 'object') {
+          const values: string[] = [];
+          const fields = ['reviewPoints', 'reviewContent', 'review_content'];
+          
+          fields.forEach(fieldName => {
+            if (parsed[fieldName]) {
+              let fieldValue = parsed[fieldName];
+              
+              if (Array.isArray(fieldValue) && fieldValue.length > 0) {
+                fieldValue = fieldValue[0];
+              }
+              
+              if (fieldValue) {
+                values.push(String(fieldValue));
+              }
+            }
+          });
+          
+          if (values.length > 0) {
+            textToCopy = values.join('：');
+          } else {
+            textToCopy = content;
+          }
+        } else {
+          textToCopy = content;
+        }
+      } catch (e) {
+        textToCopy = content;
+      }
+    } else if (typeof content === 'object') {
+      if (content.reviewContent) {
+        textToCopy = content.reviewContent;
+        
+        if (content.reviewPoints && content.reviewPoints.length) {
+          textToCopy += '\n\n审查要点:\n';
+          content.reviewPoints.forEach((point: any, index: number) => {
+            textToCopy += `${index + 1}. ${point}\n`;
+          });
+        }
+      } else {
+        try {
+          textToCopy = JSON.stringify(content, null, 2);
+        } catch (e) {
+          textToCopy = String(content);
+        }
+      }
+    } else {
+      textToCopy = String(content);
+    }
+    
+    // 复制到剪贴板
+    navigator.clipboard.writeText(textToCopy)
+      .then(() => {
+        message.success('内容已复制到剪贴板');
+      })
+      .catch((err) => {
+        console.error('复制失败:', err);
+        message.error('复制失败，请手动选择并复制');
+      });
+  };
+
+  // 生成字段唯一标识
+  const getFieldKey = (item: TaskResultItem, fieldConfig: FieldConfig, categoryIndex: number, itemIndex: number): string => {
+    const itemId = getItemId(item, categoryIndex, itemIndex);
+    return `${itemId}_${fieldConfig.field}`;
+  };
+
+  // 定位功能 - 优化版，利用现有弹窗机制并保存页面信息
+  const locateByText = async (text: string, item?: TaskResultItem, fieldConfig?: FieldConfig, categoryIndex?: number, itemIndex?: number) => {
+    if (!pdfContainerRef.value || !text || !text.trim()) return;
+    
+    // 检查字段是否支持PDF定位
+    if (fieldConfig && !supportsPdfLocation(fieldConfig)) {
+      console.log('Field does not support PDF location:', fieldConfig.field);
+      return;
+    }
+    
+    // 获取PDF源
+    let pdfSource: string | undefined;
+    if (fieldConfig) {
+      const source = getFieldPdfSource(fieldConfig);
+      pdfSource = source || undefined;
+    }
+    
+    // 保存当前定位的字段信息，以便在检测到多页面时使用
+    if (fieldConfig && item && categoryIndex !== undefined && itemIndex !== undefined) {
+      currentSelectText.value = text;
+      currentSelectFieldConfig.value = fieldConfig;
+      currentSelectItem.value = item;
+      currentSelectCategoryIndex.value = categoryIndex;
+      currentSelectItemIndex.value = itemIndex;
+    }
+    
+    // 检查是否已经有页面按钮，如果有直接使用第一个页面
+    if (fieldConfig && item && categoryIndex !== undefined && itemIndex !== undefined) {
+      const fieldKey = getFieldKey(item, fieldConfig, categoryIndex, itemIndex);
+      if (fieldPageButtons.value[fieldKey] && fieldPageButtons.value[fieldKey].length > 0) {
+        // 有页面按钮时，使用第一个页面进行定位
+        try {
+          await pdfContainerRef.value.locateByText(text, pdfSource);
+          return;
+        } catch (error) {
+          console.error('PDF定位失败:', error);
+        }
+      }
+    }
+    
+    try {
+      // 调用原有的PDF定位方法，让它自己处理单页面或显示弹窗
+      await pdfContainerRef.value.locateByText(text, pdfSource);
+      
+      // 延迟检查是否出现了页面选择弹窗
+      setTimeout(() => {
+        checkForPageModal();
+      }, 300); // 等待弹窗显示
+    } catch (error) {
+      console.error('PDF定位失败:', error);
+    }
+  };
+
+  // 通过页面按钮跳转
+  const goToPageByButton = async (page: number, fieldConfig: FieldConfig) => {
+    if (!pdfContainerRef.value) return;
+    
+    // 获取PDF源
+    let pdfSource: string | undefined;
+    if (fieldConfig) {
+      const source = getFieldPdfSource(fieldConfig);
+      pdfSource = source || undefined;
+    }
+    
+    // 使用PDF定位功能，传入当前选中的文本
+    if (currentSelectText.value) {
+      try {
+        // 使用新的直接定位方法，避免弹窗选择
+        await pdfContainerRef.value.locateByTextAndPage(currentSelectText.value, page, pdfSource);
+        message.success(`已定位到第${page}页`);
+      } catch (error) {
+        console.error('页面跳转失败:', error);
+        message.error('页面跳转失败');
+      }
+    }
+  };
+
+  // 检测并提取页面选择弹窗中的页面信息
+  const checkForPageModal = () => {
+    const modal = document.querySelector('.ant-modal:not(.ant-modal-hidden)');
+    if (modal && modal.textContent?.includes('请选择要跳转的页码')) {
+      // 提取页面信息
+      const pages: number[] = [];
+      const modalButtons = document.querySelectorAll('.ant-modal:not(.ant-modal-hidden) .ant-btn');
+      
+      modalButtons.forEach(button => {
+        const text = button.textContent || '';
+        const match = text.match(/第(\d+)页/);
+        if (match) {
+          pages.push(parseInt(match[1]));
+        }
+      });
+      
+      // 如果有字段信息，创建页面按钮
+      if (pages.length > 0 && currentSelectFieldConfig.value && currentSelectItem.value && 
+          currentSelectCategoryIndex.value !== null && currentSelectItemIndex.value !== null) {
+        const fieldKey = getFieldKey(
+          currentSelectItem.value, 
+          currentSelectFieldConfig.value, 
+          currentSelectCategoryIndex.value, 
+          currentSelectItemIndex.value
+        );
+        
+        // 保存页面信息到状态变量
+        fieldPageButtons.value[fieldKey] = pages;
+      }
+    }
+  };
+
+  // 初始化数据
+  const initData = async () => {
+    loading.value = true;
+    try {
+      if (props.taskResultDetail) {
+        if (config.value?.mode === 'tabs' && availableTabs.value.length > 0) {
+          // 使用第一个数据类别的名称作为默认tab
+          currentTab.value = availableTabs.value[0].key;
+        } else {
+          if (props.taskResultDetail.length > 0) {
+            activeCollapseKeys.value = ['0'];
+          }
+        }
+        
+        await nextTick();
+        updateActiveItemKeys();
+      }
+    } catch (error) {
+      console.error('初始化详情抽屉时出错', error);
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  // 事件处理
+  const handleClose = () => {
+    // 清理页面按钮状态
+    fieldPageButtons.value = {};
+    currentSelectText.value = '';
+    currentSelectFieldConfig.value = null;
+    currentSelectItem.value = null;
+    currentSelectCategoryIndex.value = null;
+    currentSelectItemIndex.value = null;
+    
+    emit('update:visible', false);
+    emit('close');
+  };
+
+  const handlePdfLoaded = (data: any) => {
+    console.log('PDF加载成功:', data);
+  };
+
+  const handlePdfError = (error: any) => {
+    console.error('PDF加载失败:', error);
+  };
+
+  // 监听变化
+  watch(() => props.visible, (newVal) => {
+    if (newVal && props.taskResultDetail) {
+      initData();
+    }
+  });
+
+  watch([expandReadItems, expandAdoptedItems], () => {
+    updateActiveItemKeys();
+  });
+
+  // 监听PDF配置变化，当配置变化时强制刷新PDF容器
+  watch(() => pdfLayoutConfig.value, (newConfig, oldConfig) => {
+    if (newConfig && oldConfig && 
+        (newConfig.pdfLayout !== oldConfig.pdfLayout || 
+         JSON.stringify(newConfig.pdfSources) !== JSON.stringify(oldConfig.pdfSources))) {
+      nextTick(() => {
+        if (pdfContainerRef.value) {
+          // 强制PDF容器重新渲染
+          pdfContainerRef.value.$forceUpdate && pdfContainerRef.value.$forceUpdate();
+        }
+      });
+    }
+  }, { deep: true });
+
+  // 检查是否有对比内容（支持配置化对比字段）
+  const hasComparisonContent = (item: TaskResultItem, fieldConfig: FieldConfig): boolean => {
+    const comparisonField = getComparisonField(fieldConfig);
+    return !!(item[comparisonField] && item[comparisonField].trim());
+  };
+
+  // 获取对比内容
+  const getComparisonContent = (item: TaskResultItem, fieldConfig: FieldConfig): string => {
+    const comparisonField = getComparisonField(fieldConfig);
+    return item[comparisonField] || '';
+  };
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-drawer-body) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    overflow: hidden;
+  }
+
+  .universal-review-container,
+  .content-container,
+  .tabs-container,
+  .single-content,
+  :deep(.ant-tabs),
+  :deep(.ant-tabs-content),
+  :deep(.ant-tabs-tabpane),
+  .category-items {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  :deep(.ant-tabs-nav) {
+    flex-shrink: 0;
+    background: #fff;
+    z-index: 2;
+  }
+
+  .items-card-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px;
+    min-height: 0;
+  }
+
+  :deep(.ant-tabs-tab) {
+    padding: 8px 16px;
+    font-weight: 500;
+  }
+
+  .item-card {
+    width: 100%;
+    margin-bottom: 10px;
+    cursor: pointer;
+  }
+
+  .item-card :deep(.ant-card-head-title) {
+    overflow: visible !important;
+    white-space: normal !important;
+    text-overflow: unset !important;
+  }
+
+  .expand-icon {
+    font-size: 12px;
+    color: rgba(0, 0, 0, 0.45);
+  }
+
+  .item-header-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  .item-info {
+    display: flex;
+    align-items: flex-start;
+    flex: 1;
+    overflow: visible;
+    text-overflow: unset;
+    white-space: normal;
+  }
+
+  .item-serial {
+    margin-right: 12px;
+    font-weight: bold;
+    color: #1890ff;
+  }
+
+  .item-title {
+    font-weight: 500;
+    font-size: 14px;
+    flex: 1;
+    overflow: visible;
+    text-overflow: unset;
+    white-space: normal;
+    word-wrap: break-word;
+    word-break: break-word;
+    line-height: 1.5;
+  }
+
+  .item-actions {
+    display: flex;
+    align-items: flex-start;
+    margin-left: 16px;
+    flex-shrink: 0;
+  }
+
+  .item-content {
+    padding: 16px;
+  }
+
+  .content-section {
+    margin-bottom: 16px;
+  }
+
+  .section-title {
+    font-weight: 500;
+    margin-bottom: 8px;
+    color: #333;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .title-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .comparison-btn {
+    padding: 0 8px;
+    font-size: 12px;
+    height: 24px;
+    border: 1px solid #d9d9d9;
+    border-radius: 4px;
+    
+    :deep(.anticon) {
+      font-size: 12px;
+      margin-right: 4px;
+    }
+    
+    &:hover {
+      border-color: #40a9ff;
+      color: #40a9ff;
+    }
+  }
+
+  .copy-btn {
+    padding: 0 4px;
+    font-size: 12px;
+    height: 24px;
+    
+    :deep(.anticon) {
+      font-size: 12px;
+    }
+  }
+
+  .section-content {
+    padding: 12px;
+    background-color: #f9fbfd;
+    border-radius: 4px;
+    white-space: pre-wrap;
+    max-height: 300px;
+    overflow: auto;
+  }
+
+  .comparison-section {
+    margin-top: 12px;
+    border-top: 1px dashed #e8e8e8;
+    padding-top: 12px;
+  }
+
+  .comparison-content {
+    background-color: #fff7e6;
+    border: 1px solid #ffd591;
+    border-radius: 4px;
+    
+    &:hover {
+      background-color: #fff1d6;
+    }
+  }
+
+  .markdown-content {
+    :deep(p) {
+      margin-bottom: 8px;
+    }
+
+    :deep(ul), :deep(ol) {
+      padding-left: 24px;
+    }
+
+    :deep(h1), :deep(h2), :deep(h3), :deep(h4), :deep(h5), :deep(h6) {
+      margin-top: 16px;
+      margin-bottom: 8px;
+    }
+
+    :deep(code) {
+      background-color: #f5f5f5;
+      padding: 2px 4px;
+      border-radius: 4px;
+    }
+
+    :deep(pre) {
+      background-color: #f5f5f5;
+      padding: 12px;
+      border-radius: 4px;
+      overflow: auto;
+    }
+
+    :deep(blockquote) {
+      border-left: 4px solid #ddd;
+      padding-left: 16px;
+      color: #666;
+      margin: 16px 0;
+    }
+
+    :deep(table) {
+      border-collapse: collapse;
+      width: 100%;
+      margin: 16px 0;
+
+      th, td {
+        border: 1px solid #e8e8e8;
+        padding: 8px 12px;
+      }
+
+      th {
+        background-color: #f8f8f8;
+        font-weight: 500;
+      }
+    }
+  }
+
+  .ml-3 {
+    margin-left: 12px;
+  }
+
+  .page-buttons {
+    margin-top: 8px;
+    padding: 8px 12px;
+    background-color: #f0f9ff;
+    border: 1px solid #bfdbfe;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    flex-wrap: wrap;
+  }
+
+  .page-buttons-label {
+    font-size: 12px;
+    color: #6b7280;
+    margin-right: 4px;
+  }
+
+  .page-btn {
+    font-size: 12px;
+    height: 24px;
+    padding: 0 8px;
+    background-color: #ffffff;
+    border: 1px solid #d1d5db;
+    border-radius: 3px;
+    margin: 0 2px;
+    
+    &:hover {
+      background-color: #dbeafe;
+      border-color: #3b82f6;
+      color: #1d4ed8;
+    }
+  }
+
+  .drawer-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
+  .status-switches {
+    display: flex;
+    align-items: center;
+  }
+
+  .split-layout {
+    display: flex;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .pdf-preview-wrapper {
+    width: 50%;
+    height: 100%;
+    border-right: 1px solid #e8e8e8;
+  }
+
+  .content-container {
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .review-type-tabs {
+    flex-shrink: 0;
+    border-bottom: 1px solid #e8e8e8;
+    background: #fff;
+    
+    :deep(.ant-tabs-nav) {
+      margin-bottom: 0;
+    }
+    
+    :deep(.ant-tabs-tab) {
+      padding: 8px 16px;
+      font-weight: 500;
+      color: #666;
+      
+      &.ant-tabs-tab-active {
+        color: #1890ff;
+        font-weight: 600;
+      }
+    }
+  }
+
+  .tab-content {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+</style> 
\ No newline at end of file
diff --git a/src/configs/contractTaskConfigs.ts b/src/configs/contractTaskConfigs.ts
new file mode 100644
index 0000000..e522012
--- /dev/null
+++ b/src/configs/contractTaskConfigs.ts
@@ -0,0 +1,166 @@
+// 合同审核任务配置文件
+
+import type { TaskConfig } from './taskConfigTypes';
+
+// 合同审核任务配置
+export const CONTRACT_TASK_CONFIGS: Record<string, TaskConfig> = {
+  // 合同审核（多标签模式）
+  "contractReview": {
+    taskType: "contractReview",
+    name: "合同审核",
+    mode: "tabs",
+    pdfConfig: {
+      layout: "split",
+      sources: [
+        { id: "contract", title: "合同文件", apiField: "id" },
+        { id: "bid", title: "招标文件", apiField: "id" }
+      ]
+    },
+    tabs: [
+      {
+        key: "substantive",
+        label: "实质性审查",
+        pdfConfig: {
+          layout: "single",
+          sources: [
+            { id: "contract", title: "合同文件", apiField: "id" }
+          ]
+        },
+        fields: [
+          {
+            field: 'originalText',
+            title: '原文',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'contract',
+            required: true
+          },
+          {
+            field: 'modifiedContent',
+            title: '修改建议',
+            dataType: 'string',
+            displayType: 'markdown',
+            showComparison: true,
+            comparisonConfig: {
+              comparisonField: 'modificationDisplay',
+              comparisonTitle: '修改情况展示',
+              showButton: true
+            }
+          },
+          {
+            field: 'reviewBasis',
+            title: '审查依据',
+            dataType: 'json',
+            displayType: 'markdown',
+            jsonConfig: {
+              extractFields: ['review_points','review_content'],
+              separator: '：'
+            }
+          }
+        ]
+      },
+      {
+        key: "compliance",
+        label: "合规性审查",
+        pdfConfig: {
+          layout: "single",
+          sources: [
+            { id: "contract", title: "合同文件", apiField: "id" }
+          ]
+        },
+        fields: [
+          {
+            field: 'originalText',
+            title: '原文',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'contract',
+            required: true
+          },
+          // {
+          //   field: 'existingIssues',
+          //   title: '合规性问题',
+          //   dataType: 'string',
+          //   displayType: 'markdown'
+          // },
+          // {
+          //   field: 'modifiedContent',
+          //   title: '修改建议',
+          //   dataType: 'string',
+          //   displayType: 'markdown',
+          //   showComparison: true,
+          //   comparisonConfig: {
+          //     comparisonField: 'modificationDisplay',
+          //     comparisonTitle: '修改情况展示',
+          //     showButton: true
+          //   }
+          // },
+          {
+            field: 'reviewBasis',
+            title: '法规依据',
+            dataType: 'json',
+            displayType: 'markdown',
+            jsonConfig: {
+              extractFields: ['review_points'],
+              separator: '：',
+              fieldProcessors: {
+                'review_points': (value) => Array.isArray(value) ? value.join('\n') : value
+              }
+            }
+          }
+        ]
+      },
+      {
+        key: "consistency",
+        label: "一致性审查",
+        pdfConfig: {
+          layout: "split",
+          sources: [
+            { id: "contract", title: "合同文件", apiField: "id" },
+            { id: "bid", title: "招标文件", apiField: "id" }
+          ]
+        },
+        fields: [
+          {
+            field: 'originalText',
+            title: '合同原文',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'contract',
+            required: true
+          },
+          {
+            field: 'comparedText',
+            title: '招标文件对应内容',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'bid',
+            required: true
+          },
+          // {
+          //   field: 'modifiedContent',
+          //   title: '修改建议',
+          //   dataType: 'string',
+          //   displayType: 'markdown',
+          //   showComparison: true,
+          //   comparisonConfig: {
+          //     comparisonField: 'modificationDisplay',
+          //     comparisonTitle: '修改情况展示',
+          //     showButton: true
+          //   }
+          // }
+        ]
+      }
+    ]
+  }
+};
+
+// 获取合同任务配置
+export function getContractTaskConfig(taskType: string): TaskConfig | null {
+  return CONTRACT_TASK_CONFIGS[taskType] || null;
+}
+
+// 获取所有合同任务配置
+export function getAllContractTaskConfigs(): TaskConfig[] {
+  return Object.values(CONTRACT_TASK_CONFIGS);
+} 
\ No newline at end of file
diff --git a/src/configs/documentTaskConfigs.ts b/src/configs/documentTaskConfigs.ts
new file mode 100644
index 0000000..0cf749f
--- /dev/null
+++ b/src/configs/documentTaskConfigs.ts
@@ -0,0 +1,229 @@
+// 文档审核任务配置文件
+
+import type { TaskConfig } from './taskConfigTypes';
+
+// 文档审核任务配置
+export const DOCUMENT_TASK_CONFIGS: Record<string, TaskConfig> = {
+  // 文档错误检查
+  "checkDocumentError": {
+    taskType: "checkDocumentError",
+    name: "文档错误检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document',
+        required: true
+      },
+      {
+        field: 'modifiedContent',
+        title: '修改建议',
+        dataType: 'string',
+        displayType: 'markdown',
+        showComparison: true,
+        comparisonConfig: {
+          comparisonField: 'modificationDisplay',
+          comparisonTitle: '修改情况展示',
+          showButton: true
+        }
+      },
+      // {
+      //   field: 'modificationDisplay',
+      //   title: '修改情况',
+      //   dataType: 'string',
+      //   displayType: 'markdown'
+      // }
+    ]
+  },
+
+  // 重复文本检查
+  "checkRepeatText": {
+    taskType: "checkRepeatText",
+    name: "重复文本检查", 
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '第一段原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'comparedText',
+        title: '第二段原文',
+        dataType: 'string', 
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'modificationDisplay',
+        title: '相似情况',
+        dataType: 'string',
+        displayType: 'markdown'
+      }
+    ]
+  },
+
+  // 全文重复检查
+  "allCheckRepeatText": {
+    taskType: "allCheckRepeatText",
+    name: "全文重复检查",
+    mode: "single", 
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '第一段原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'comparedText', 
+        title: '第二段原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'modificationDisplay',
+        title: '相似情况',
+        dataType: 'string',
+        displayType: 'markdown'
+      }
+    ]
+  },
+
+  // 公司名称检查
+  "checkCompanyName": {
+    taskType: "checkCompanyName",
+    name: "公司名称检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'modificationDisplay',
+        title: '相关原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      }
+    ]
+  },
+
+  // 标题名称检查
+  "checkTitleName": {
+    taskType: "checkTitleName",
+    name: "标题名称检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single", 
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'modificationDisplay',
+        title: '相关原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      }
+    ]
+  },
+
+  // 地名检查
+  "checkPlaceName": {
+    taskType: "checkPlaceName",
+    name: "地名检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'modificationDisplay',
+        title: '相关原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      }
+    ]
+  },
+
+  // 政策依据检查
+  "policyBases": {
+    taskType: "policyBases",
+    name: "政策依据检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '系统名称',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document',
+
+      },
+      {
+        field: 'reviewBasis',
+        title: '系统描述',
+        dataType: 'json',
+        displayType: 'markdown',
+        jsonConfig: {
+          extractFields: ['review_points', 'review_content'],
+          separator: '：',
+          fieldProcessors: {
+            'review_points': (value) => Array.isArray(value) ? value[0] : value
+          }
+        }
+      }
+    ]
+  }
+};
+
+// 获取文档任务配置
+export function getDocumentTaskConfig(taskType: string): TaskConfig | null {
+  return DOCUMENT_TASK_CONFIGS[taskType] || null;
+}
+
+// 获取所有文档任务配置
+export function getAllDocumentTaskConfigs(): TaskConfig[] {
+  return Object.values(DOCUMENT_TASK_CONFIGS);
+} 
\ No newline at end of file
diff --git a/src/configs/taskConfigTypes.ts b/src/configs/taskConfigTypes.ts
new file mode 100644
index 0000000..17d3eff
--- /dev/null
+++ b/src/configs/taskConfigTypes.ts
@@ -0,0 +1,65 @@
+// 任务配置类型定义
+
+// 基础接口定义
+export interface FieldConfig {
+  field: string;                    // 数据字段名
+  title: string;                    // 显示标题
+  dataType: 'string' | 'json' | 'number' | 'array';  // 数据类型
+  displayType: 'markdown' | 'text' | 'html';         // 前端展示类型
+  required?: boolean;
+  pdfSource?: 'contract' | 'bid' | 'document' | 'auto';  // PDF源
+  displayCondition?: (item: any) => boolean;
+  showComparison?: boolean;                           // 显示对比按钮
+  
+  // 对比配置
+  comparisonConfig?: {
+    comparisonField: string;        // 对比数据字段名，默认为 modificationDisplay
+    comparisonTitle?: string;       // 对比内容的标题，默认为 '修改情况展示'
+    showButton?: boolean;           // 是否显示对比按钮，默认为 true
+  };
+  
+  // JSON数据类型的配置
+  jsonConfig?: {
+    extractFields: string[];
+    separator?: string;
+    fieldLabels?: Record<string, string>;
+    fieldProcessors?: Record<string, (value: any) => string>;
+  };
+}
+
+export interface PdfSourceConfig {
+  id: string;
+  title: string;
+  apiField: string;
+}
+
+export interface PdfConfig {
+  layout: 'single' | 'split';
+  sources: PdfSourceConfig[];
+}
+
+export interface TabConfig {
+  key: string;
+  label: string;
+  fields: FieldConfig[];
+  displayCondition?: (data: any) => boolean;
+  pdfConfig?: PdfConfig;  // 每个tab可以有自己的PDF配置
+}
+
+export interface TaskConfig {
+  taskType: string;                    // 任务类型标识
+  name: string;                        // 任务显示名称
+  mode: 'single' | 'tabs';            // 展示模式：单一内容或多标签
+  
+  // PDF配置
+  pdfConfig?: PdfConfig;
+  
+  // 单一模式配置
+  fields?: FieldConfig[];
+  
+  // 多标签模式配置
+  tabs?: TabConfig[];
+  
+  // 全局显示条件
+  displayCondition?: (taskInfo: any, data: any) => boolean;
+} 
\ No newline at end of file
diff --git a/src/configs/taskConfigs.ts b/src/configs/taskConfigs.ts
new file mode 100644
index 0000000..2aba4ef
--- /dev/null
+++ b/src/configs/taskConfigs.ts
@@ -0,0 +1,68 @@
+// 统一任务配置入口文件
+
+import type { TaskConfig, FieldConfig } from './taskConfigTypes';
+import { DOCUMENT_TASK_CONFIGS, getDocumentTaskConfig } from './documentTaskConfigs';
+import { CONTRACT_TASK_CONFIGS, getContractTaskConfig } from './contractTaskConfigs';
+
+// 合并所有任务配置
+const ALL_TASK_CONFIGS: Record<string, TaskConfig> = {
+  ...DOCUMENT_TASK_CONFIGS,
+  ...CONTRACT_TASK_CONFIGS
+};
+
+// 统一的获取任务配置函数
+export function getTaskConfig(taskType: string): TaskConfig | null {
+  // 首先尝试从文档任务配置中获取
+  let config = getDocumentTaskConfig(taskType);
+  if (config) return config;
+  
+  // 然后尝试从合同任务配置中获取
+  config = getContractTaskConfig(taskType);
+  if (config) return config;
+  
+  return null;
+}
+
+// 获取所有可用配置
+export function getAvailableConfigs(): TaskConfig[] {
+  return Object.values(ALL_TASK_CONFIGS);
+}
+
+// 检查字段是否应该显示对比按钮
+export function shouldShowComparison(fieldConfig: FieldConfig, item: any): boolean {
+  if (!fieldConfig.showComparison) return false;
+  
+  // 获取对比字段名，默认为 modificationDisplay
+  const comparisonField = fieldConfig.comparisonConfig?.comparisonField || 'modificationDisplay';
+  
+  // 检查对比字段是否有内容
+  return !!(item[comparisonField] && item[comparisonField].trim());
+}
+
+// 获取对比字段名
+export function getComparisonField(fieldConfig: FieldConfig): string {
+  return fieldConfig.comparisonConfig?.comparisonField || 'modificationDisplay';
+}
+
+// 获取对比标题
+export function getComparisonTitle(fieldConfig: FieldConfig): string {
+  return fieldConfig.comparisonConfig?.comparisonTitle || '修改情况展示';
+}
+
+// 检查是否应该显示对比按钮
+export function shouldShowComparisonButton(fieldConfig: FieldConfig): boolean {
+  return fieldConfig.comparisonConfig?.showButton !== false; // 默认为true
+}
+
+// 获取字段的PDF源
+export function getFieldPdfSource(fieldConfig: FieldConfig): string | null {
+  return fieldConfig.pdfSource || null;
+}
+
+// 检查字段是否支持PDF定位
+export function supportsPdfLocation(fieldConfig: FieldConfig): boolean {
+  return !!(fieldConfig.pdfSource && fieldConfig.pdfSource !== 'auto');
+}
+
+// 重新导出类型
+export type { TaskConfig, FieldConfig, TabConfig, PdfSourceConfig } from './taskConfigTypes'; 
\ No newline at end of file
diff --git a/src/configs/universalTaskConfigs.ts b/src/configs/universalTaskConfigs.ts
new file mode 100644
index 0000000..6764f54
--- /dev/null
+++ b/src/configs/universalTaskConfigs.ts
@@ -0,0 +1,405 @@
+// 通用任务配置文件
+
+// 基础接口定义
+export interface FieldConfig {
+  field: string;                    // 数据字段名
+  title: string;                    // 显示标题
+  dataType: 'string' | 'json' | 'number' | 'array';  // 数据类型
+  displayType: 'markdown' | 'text' | 'html';         // 前端展示类型
+  required?: boolean;
+  pdfSource?: 'contract' | 'bid' | 'document' | 'auto';  // PDF源
+  displayCondition?: (item: any) => boolean;
+  showComparison?: boolean;                           // 显示对比按钮
+  
+  // JSON数据类型的配置
+  jsonConfig?: {
+    extractFields: string[];
+    separator?: string;
+    fieldLabels?: Record<string, string>;
+    fieldProcessors?: Record<string, (value: any) => string>;
+  };
+}
+
+export interface PdfSourceConfig {
+  id: string;
+  title: string;
+  apiField: string;
+}
+
+export interface TabConfig {
+  key: string;
+  label: string;
+  fields: FieldConfig[];
+  displayCondition?: (data: any) => boolean;
+}
+
+export interface TaskConfig {
+  taskType: string;                    // 任务类型标识
+  name: string;                        // 任务显示名称
+  mode: 'single' | 'tabs';            // 展示模式：单一内容或多标签
+  
+  // PDF配置
+  pdfConfig?: {
+    layout: 'single' | 'split';
+    sources: PdfSourceConfig[];
+  };
+  
+  // 单一模式配置
+  fields?: FieldConfig[];
+  
+  // 多标签模式配置
+  tabs?: TabConfig[];
+  
+  // 全局显示条件
+  displayCondition?: (taskInfo: any, data: any) => boolean;
+}
+
+// 配置定义
+export const UNIVERSAL_TASK_CONFIGS: Record<string, TaskConfig> = {
+  // ==================== 文档审核任务配置 ====================
+  
+  // 文档错误检查
+  "checkDocumentError": {
+    taskType: "checkDocumentError",
+    name: "文档错误检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document',
+        required: true
+      },
+      {
+        field: 'modifiedContent',
+        title: '修改建议',
+        dataType: 'string',
+        displayType: 'markdown',
+        showComparison: true
+      },
+      {
+        field: 'modificationDisplay',
+        title: '修改情况',
+        dataType: 'string',
+        displayType: 'markdown'
+      }
+    ]
+  },
+
+  // 重复文本检查
+  "checkRepeatText": {
+    taskType: "checkRepeatText",
+    name: "重复文本检查", 
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '第一段原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'comparedText',
+        title: '第二段原文',
+        dataType: 'string', 
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'modificationDisplay',
+        title: '相似情况',
+        dataType: 'string',
+        displayType: 'markdown'
+      }
+    ]
+  },
+
+  // 全文重复检查
+  "allCheckRepeatText": {
+    taskType: "allCheckRepeatText",
+    name: "全文重复检查",
+    mode: "single", 
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '第一段原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'comparedText', 
+        title: '第二段原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      },
+      {
+        field: 'modificationDisplay',
+        title: '相似情况',
+        dataType: 'string',
+        displayType: 'markdown'
+      }
+    ]
+  },
+
+  // 公司名称检查
+  "checkCompanyName": {
+    taskType: "checkCompanyName",
+    name: "公司名称检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'modificationDisplay',
+        title: '相关原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      }
+    ]
+  },
+
+  // 标题名称检查
+  "checkTitleName": {
+    taskType: "checkTitleName",
+    name: "标题名称检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single", 
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'modificationDisplay',
+        title: '相关原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      }
+    ]
+  },
+
+  // 地名检查
+  "checkPlaceName": {
+    taskType: "checkPlaceName",
+    name: "地名检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'modificationDisplay',
+        title: '相关原文',
+        dataType: 'string',
+        displayType: 'markdown',
+        pdfSource: 'document'
+      }
+    ]
+  },
+
+  // 政策依据检查
+  "policyBases": {
+    taskType: "policyBases",
+    name: "政策依据检查",
+    mode: "single",
+    pdfConfig: {
+      layout: "single",
+      sources: [
+        { id: "document", title: "文档", apiField: "id" }
+      ]
+    },
+    fields: [
+      {
+        field: 'originalText',
+        title: '系统名称',
+        dataType: 'string',
+        displayType: 'markdown'
+      },
+      {
+        field: 'reviewBasis',
+        title: '系统描述',
+        dataType: 'json',
+        displayType: 'markdown',
+        jsonConfig: {
+          extractFields: ['reviewPoints', 'review_content'],
+          separator: '：',
+          fieldProcessors: {
+            'reviewPoints': (value) => Array.isArray(value) ? value[0] : value
+          }
+        }
+      }
+    ]
+  },
+
+  // ==================== 合同审核任务配置 ====================
+  
+  // 合同审核（多标签模式）
+  "contractReview": {
+    taskType: "contractReview",
+    name: "合同审核",
+    mode: "tabs",
+    pdfConfig: {
+      layout: "split",
+      sources: [
+        { id: "contract", title: "合同文件", apiField: "id" },
+        { id: "bid", title: "招标文件", apiField: "id" }
+      ]
+    },
+    tabs: [
+      {
+        key: "substantive",
+        label: "实质性审查",
+        fields: [
+          {
+            field: 'originalText',
+            title: '原文',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'contract',
+            required: true
+          },
+          {
+            field: 'modifiedContent',
+            title: '修改建议',
+            dataType: 'string',
+            displayType: 'markdown',
+            showComparison: true
+          },
+          {
+            field: 'reviewBasis',
+            title: '审查依据',
+            dataType: 'json',
+            displayType: 'markdown',
+            jsonConfig: {
+              extractFields: ['reviewContent', 'reviewPoints'],
+              separator: '：'
+            }
+          }
+        ]
+      },
+      {
+        key: "compliance",
+        label: "合规性审查",
+        fields: [
+          {
+            field: 'originalText',
+            title: '原文',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'contract',
+            required: true
+          },
+          {
+            field: 'existingIssues',
+            title: '合规性问题',
+            dataType: 'string',
+            displayType: 'markdown'
+          },
+          {
+            field: 'modifiedContent',
+            title: '修改建议',
+            dataType: 'string',
+            displayType: 'markdown',
+            showComparison: true
+          },
+          {
+            field: 'reviewBasis',
+            title: '法规依据',
+            dataType: 'json',
+            displayType: 'markdown',
+            jsonConfig: {
+              extractFields: ['reviewContent', 'reviewPoints'],
+              separator: '：'
+            }
+          }
+        ]
+      },
+      {
+        key: "consistency",
+        label: "一致性审查",
+        fields: [
+          {
+            field: 'originalText',
+            title: '合同原文',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'contract',
+            required: true
+          },
+          {
+            field: 'comparedText',
+            title: '招标文件对应内容',
+            dataType: 'string',
+            displayType: 'markdown',
+            pdfSource: 'bid',
+            required: true
+          },
+          {
+            field: 'modifiedContent',
+            title: '修改建议',
+            dataType: 'string',
+            displayType: 'markdown',
+            showComparison: true
+          }
+        ]
+      }
+    ]
+  }
+};
+
+// 工具函数
+export function getTaskConfig(taskType: string): TaskConfig | null {
+  return UNIVERSAL_TASK_CONFIGS[taskType] || null;
+}
+
+export function getAvailableConfigs(): TaskConfig[] {
+  return Object.values(UNIVERSAL_TASK_CONFIGS);
+}
+
+// 检查字段是否应该显示对比按钮
+export function shouldShowComparison(fieldConfig: FieldConfig, item: any): boolean {
+  return !!(fieldConfig.showComparison && item.modificationDisplay && item.modificationDisplay.trim());
+}
+
+// 获取字段的PDF源
+export function getFieldPdfSource(fieldConfig: FieldConfig): string | null {
+  return fieldConfig.pdfSource || null;
+}
+
+// 检查字段是否支持PDF定位
+export function supportsPdfLocation(fieldConfig: FieldConfig): boolean {
+  return !!(fieldConfig.pdfSource && fieldConfig.pdfSource !== 'auto');
+} 
\ No newline at end of file
diff --git a/src/views/contractReview/ContractualTasks/ContractualResultDetailDrawer.vue b/src/views/contractReview/ContractualTasks/ContractualResultDetailDrawer.vue
index d73dbce..7710b88 100644
--- a/src/views/contractReview/ContractualTasks/ContractualResultDetailDrawer.vue
+++ b/src/views/contractReview/ContractualTasks/ContractualResultDetailDrawer.vue
@@ -1,170 +1,23 @@
 <template>
-  <Drawer
-    v-bind="$attrs"
+  <UniversalResultDrawer
     :visible="visible"
-    @close="handleClose"
     :title="title"
     :width="width"
-    :closable="true"
-    :maskClosable="true"
-    :destroyOnClose="true"
-  >
-    <div class="document-review-container">
-      <div class="split-layout">
-        <!-- 左侧PDF预览 -->
-        <div class="pdf-preview">
-          <div class="pdf-container" ref="pdfContainer">
-            <canvas ref="pdfCanvas"></canvas>
-          </div>
-          <div class="pdf-controls">
-            <Button @click="zoomOut" :disabled="scale <= 0.5">-</Button>
-            <Button @click="prevPage" :disabled="currentPage <= 1" class="ml-2">
-              <LeftOutlined />
-            </Button>
-            <span class="page-info">{{ currentPage }} / {{ totalPages }}</span>
-            <Button @click="nextPage" :disabled="currentPage >= totalPages" class="ml-2">
-              <RightOutlined />
-            </Button>
-            <Button @click="zoomIn" :disabled="scale >= 3" class="ml-2">+</Button>
-          </div>
-        </div>
-        
-        <!-- 右侧审核结果 -->
-        <div class="tasks-container">
-          <Tabs v-model:activeKey="activeCollapseKeys[0]">
-            <TabPane 
-              v-for="(category, index) in filteredTaskResultDetail" 
-              :key="index.toString()" 
-              :tab="category.name + ' (' + category.results.length + ')'"
-            >
-              <div class="category-items">
-                <div class="items-card-list">
-                  <Card
-                    v-for="(item, idx) in category.results" 
-                    :key="getItemKey(index, idx, item)"
-                    class="item-card"
-                    :bordered="true"
-                    :bodyStyle="{ padding: activeItemKeys.includes(getItemKey(index, idx, item)) ? '16px' : '0', height: activeItemKeys.includes(getItemKey(index, idx, item)) ? 'auto' : '0', overflow: 'hidden', transition: 'all 0.3s' }"
-                  >
-                    <template #title>
-                      <div class="item-header-content" @click="toggleItemExpand(index, idx, item)">
-                        <div class="item-info">
-                          <span class="item-serial">{{ item.serialNumber }}</span>
-                          <span class="item-title">{{ item.existingIssues }}</span>
-                        </div>
-                        <div class="item-actions">
-                          <Switch
-                            :checked="item.isRead === '1'"
-                            checked-children="已读"
-                            un-checked-children="未读"
-                            :loading="loading && currentOpId === item.id && currentOpField === 'isRead'"
-                            @change="(checked: any) => handleStatusChange(item.id!, 'isRead', checked ? '1' : '0')"
-                            @click.stop
-                          />
-                          <Switch
-                            class="ml-3"
-                            :checked="item.isAdopted === '1'"
-                            checked-children="已采纳"
-                            un-checked-children="未采纳"
-                            :loading="loading && currentOpId === item.id && currentOpField === 'isAdopted'"
-                            @change="(checked: any) => handleStatusChange(item.id!, 'isAdopted', checked ? '1' : '0')"
-                            @click.stop
-                          />
-                          <DownOutlined v-if="!activeItemKeys.includes(getItemKey(index, idx, item))" class="expand-icon ml-3" />
-                          <UpOutlined v-else class="expand-icon ml-3" />
-                        </div>
-                      </div>
-                    </template>
-                    <div class="item-content" v-if="activeItemKeys.includes(getItemKey(index, idx, item))">
-                      <template v-for="(section, sectionIndex) in getContentSections(receivedTaskType, item)" :key="sectionIndex">
-                        <div v-if="getItemValue(item, section.field)" class="content-section">
-                          <div class="section-title">
-                            {{ section.title }}：
-                            <Button 
-                              type="link" 
-                              size="small" 
-                              class="copy-btn"
-                              @click.stop="copyContent(getItemValue(item, section.field))"
-                              v-if="getItemValue(item, section.field)"
-                            >
-                              <CopyOutlined /> 复制
-                            </Button>
-                          </div>
-                          <!-- 特殊处理审查依据字段 -->
-                          <div v-if="section.field === 'reviewBasis' && section.type === 'reviewPointsList'" class="section-content markdown-content">
-                            <div v-if="getParsedReviewBasis(item.reviewBasis)?.review_points?.length">
-                              <!-- <ul class="review-points">
-                                <li v-for="(point, pointIdx) in getParsedReviewBasis(item.reviewBasis).review_points" :key="pointIdx">
-                                  {{ point }}
-                                </li>
-                              </ul> -->
-                            </div>
-                            <div v-if="getParsedReviewBasis(item.reviewBasis)?.review_content">
-                              {{ getParsedReviewBasis(item.reviewBasis).review_points[0] }}：{{ getParsedReviewBasis(item.reviewBasis).review_content }}
-                              <!-- <div v-html="renderMarkdown(getParsedReviewBasis(item.reviewBasis).review_content)" @click="locateByText(getParsedReviewBasis(item.reviewBasis).review_content)"></div> -->
-                            </div>
-                          </div>
-                          <!-- 其他普通字段 -->
-                          <div
-                            v-else
-                            class="section-content markdown-content"
-                            v-html="renderContent(section, getItemValue(item, section.field))"
-                            @click="locateByText(getItemValue(item, section.field))"
-                          ></div>
-                        </div>
-                      </template>
-                    </div>
-                  </Card>
-                </div>
-              </div>
-            </TabPane>
-          </Tabs>
-        </div>
-      </div>
-    </div>
-    <template #footer>
-      <div class="drawer-footer">
-        <div class="status-switches">
-          <Switch
-            :checked="expandReadItems"
-            checked-children="展开已读"
-            un-checked-children="折叠已读"
-            @change="(checked: any) => toggleExpandReadItems(checked)"
-          />
-          <Switch
-            class="ml-3"
-            :checked="expandAdoptedItems"
-            checked-children="展开已采纳"
-            un-checked-children="折叠已采纳"
-            @change="(checked: any) => toggleExpandAdoptedItems(checked)"
-          />
-        </div>
-        <Button type="primary" @click="handleClose">关闭</Button>
-      </div>
-    </template>
-    <PageSelectModal
-      :visible="showPageSelectModal"
-      :pages="matchedPages"
-      :onSelect="handlePageSelect"
-      :onClose="handlePageModalClose"
-    />
-  </Drawer>
+    :taskType="'contractReview'"
+    :taskResultDetail="taskResultDetail as any"
+    :taskInfo="taskInfo"
+    :getPdfStream="getPdfStream"
+    :updateResultItemStatus="handleStatusChange"
+    @update:visible="$emit('update:visible', $event)"
+    @close="$emit('close')"
+  />
 </template>
 
 <script lang="ts" setup>
-  import { ref, watch, onMounted, computed, onBeforeUnmount, nextTick, h, resolveComponent } from 'vue';
-  import { Drawer, Button, Card, Switch, Divider, Tabs, TabPane, Modal } from 'ant-design-vue';
-  import { DownOutlined, UpOutlined, CopyOutlined, LeftOutlined, RightOutlined, AimOutlined } from '@ant-design/icons-vue';
+  import { type PropType } from 'vue';
+  import UniversalResultDrawer from '@/components/UniversalResultDrawer.vue';
   import { ContractualTaskResultDetailVO } from '@/api/contractReview/ContractualTaskResults/model';
   import { updateResultItemStatus, getPdfStream } from '@/api/contractReview/ContractualTaskResults';
-  import { message } from 'ant-design-vue';
-  import MarkdownIt from 'markdown-it';
-  import * as pdfjsLib from 'pdfjs-dist';
-  import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
-  import PageSelectModal from '@/views/documentReview/DocumentTasks/PageSelectModal.vue';
-
-  // 设置PDF.js worker路径
-  pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.js';
 
   const props = defineProps({
     visible: {
@@ -191,900 +44,8 @@
 
   const emit = defineEmits(['update:visible', 'close']);
 
-  const md = new MarkdownIt({
-    html: true,
-    linkify: true,
-    typographer: true,
-    breaks: true,
-  });
-
-  const activeCollapseKeys = ref<string[]>(['0']);
-  const activeItemKeys = ref<string[]>([]);
-  const loading = ref<boolean>(false);
-  const currentOpId = ref<string>('');
-  const currentOpField = ref<string>('');
-  const expandReadItems = ref<boolean>(false);
-  const expandAdoptedItems = ref<boolean>(false);
-  const receivedTaskType = ref<string>('');
-
-  const pdfContainer = ref<HTMLElement | null>(null);
-  const pdfCanvas = ref<HTMLCanvasElement | null>(null);
-  let pdfDoc: PDFDocumentProxy | null = null;
-  const currentPage = ref(1);
-  const totalPages = ref(0);
-  const scale = ref(1);
-
-  const showPageSelectModal = ref(false);
-  const matchedPages = ref<number[]>([]);
-  const pendingText = ref('');
-
-  let currentRenderTask: any = null; // 记录当前渲染任务
-
-  const highlightText = ref<string | null>(null);
-
-  // 内容区域配置，定义不同类型任务显示哪些内容
-  interface ContentSectionConfig {
-    field: string;
-    title: string;
-    type?: 'markdown' | 'text' | 'reviewPointsList';
-    nestedFields?: string[];
-  }
-
-  // 全局默认配置，所有类型都默认显示这些字段
-  const defaultContentSections: ContentSectionConfig[] = [
-    { field: 'originalText', title: '原文', type: 'markdown' },
-    { field: 'comparedText', title: '比对原文', type: 'markdown' },
-    { field: 'modifiedContent', title: '修改后内容', type: 'markdown' },
-    { field: 'modificationDisplay', title: '修改情况', type: 'markdown' },
-    { field: 'existingIssues', title: '存在问题', type: 'markdown' },
-    { 
-      field: 'reviewBasis', 
-      title: '审查依据', 
-      type: 'reviewPointsList',
-      nestedFields: ['reviewContent', 'reviewPoints']
-    }
-  ];
-
-  // 不同类型任务的特定配置，可以覆盖或扩展默认配置
-  const taskTypeContentConfig: Record<string, ContentSectionConfig[]> = {
-
-    "contractualReview": [
-    { field: 'originalText', title: '原文', type: 'markdown' },
-    { field: 'modifiedContent', title: '修改建议', type: 'markdown' },
-    { field: 'modificationDisplay', title: '修改情况展示', type: 'markdown' },
-    // { field: 'existingIssues', title: '问题描述', type: 'markdown' },
-    { 
-      field: 'reviewBasis', 
-      title: '审查依据', 
-      type: 'reviewPointsList',
-      nestedFields: ['reviewContent', 'reviewPoints']
-    }
-    ],
-  };
-
-  // 根据任务类型获取内容配置
-  const getContentSections = (taskType: string | undefined, item: any): ContentSectionConfig[] => {
-    // 如果未提供类型或类型不存在，使用默认配置
-    if (!taskType) return defaultContentSections;
-    // 如果存在特定类型的配置则使用，否则使用默认配置
-    return taskTypeContentConfig[taskType] || defaultContentSections;
-  };
-
-  // 从项目中获取特定字段的值
-  const getItemValue = (item: any, field: string): any => {
-    if (!item || !field) return null;
-    
-    // 支持嵌套字段 如 "reviewBasis.reviewContent"
-    if (field.includes('.')) {
-      const parts = field.split('.');
-      let value = item;
-      for (const part of parts) {
-        if (value && typeof value === 'object') {
-          value = value[part];
-        } else if (part === 'reviewBasis' && typeof value === 'string') {
-          // 特殊处理：如果是reviewBasis字段且为字符串，尝试解析JSON
-          try {
-            value = JSON.parse(value);
-          } catch (e) {
-            return null;
-          }
-        } else {
-          return null;
-        }
-      }
-      return value;
-    }
-    
-    // 如果直接访问reviewBasis字段且为字符串，尝试解析
-    if (field === 'reviewBasis' && typeof item[field] === 'string') {
-      try {
-        return JSON.parse(item[field]);
-      } catch (e) {
-        // 如果解析失败，返回原始字符串
-        return item[field];
-      }
-    }
-    
-    return item[field];
-  };
-
-  // 根据配置渲染内容
-  const renderContent = (section: ContentSectionConfig, value: any): string => {
-    if (!value) return '';
-    
-    if (section.type === 'markdown') {
-      return renderMarkdown(value);
-    }
-    
-    if (section.type === 'reviewPointsList' && section.nestedFields) {
-      let content = '';
-      
-      // 处理reviewBasis字段
-      if (section.field === 'reviewBasis') {
-        let reviewBasisObj = value;
-        
-        // 如果value是字符串，尝试解析为JSON
-        if (typeof value === 'string') {
-          try {
-            reviewBasisObj = JSON.parse(value);
-          } catch (e) {
-            // 如果解析失败，直接返回字符串内容
-            return value.toString().replace(/\n/g, '<br>');
-          }
-        }
-        
-        // 渲染review_content部分
-        if (section.nestedFields.includes('reviewContent') && reviewBasisObj.review_content) {
-          content += renderMarkdown(reviewBasisObj.review_content);
-        }
-        
-        return content;
-      }
-      
-      // 其他reviewPointsList类型的处理
-      if (section.nestedFields.includes('reviewContent') && value.review_content) {
-        content += renderMarkdown(value.review_content);
-      }
-      
-      return content;
-    }
-    
-    return value.toString().replace(/\n/g, '<br>');
-  };
-
-  // 根据条件过滤展示的结果
-  const filteredTaskResultDetail = computed(() => {
-    if (props.taskResultDetail.length <= 0) {
-      return [];
-    }
-
-    // 如果只有两个或更少的类别，或者第一个类别的results数量<=5个，只展示第一个类别
-    if (props.taskResultDetail.length <= 2 || 
-        (props.taskResultDetail[0] && props.taskResultDetail[0].results && 
-         props.taskResultDetail[0].results.length <= 5)) {
-      return [props.taskResultDetail[0]];
-    }
-
-    return props.taskResultDetail;
-  });
-
-  // 生成审核项的唯一key
-  const getItemKey = (categoryIndex: number, itemIndex: number, item: any) => {
-    return item.id ? item.id : `${categoryIndex}-${itemIndex}`;
-  };
-
-  // 根据过滤条件更新折叠状态
-  const updateActiveItemKeys = () => {
-    const newActiveKeys: string[] = [];
-    
-    filteredTaskResultDetail.value.forEach((category, categoryIndex) => {
-      category.results.forEach((item, itemIndex) => {
-        const itemKey = getItemKey(categoryIndex, itemIndex, item);
-        const isRead = item.isRead === '1';
-        const isAdopted = item.isAdopted === '1';
-        
-        // 如果项目未读且未采纳，或符合展开条件，则展开
-        if ((!isRead && !isAdopted) || 
-            (isRead && expandReadItems.value) || 
-            (isAdopted && expandAdoptedItems.value)) {
-          newActiveKeys.push(itemKey);
-        }
-      });
-    });
-    
-    activeItemKeys.value = newActiveKeys;
-  };
-
-  // 切换展开已读项
-  const toggleExpandReadItems = (checked: any) => {
-    expandReadItems.value = !!checked;
-    updateActiveItemKeys();
-  };
-
-  // 切换展开已采纳项
-  const toggleExpandAdoptedItems = (checked: any) => {
-    expandAdoptedItems.value = !!checked;
-    updateActiveItemKeys();
-  };
-
-  // 切换项目展开/折叠
-  const toggleItemExpand = (categoryIndex: number, itemIndex: number, item: any) => {
-    const itemKey = getItemKey(categoryIndex, itemIndex, item);
-    const index = activeItemKeys.value.indexOf(itemKey);
-    
-    if (index > -1) {
-      activeItemKeys.value.splice(index, 1);
-    } else {
-      activeItemKeys.value.push(itemKey);
-    }
-  };
-
-  const renderMarkdown = (text) => {
-    if (!text) return '';
-    
-    // 确保在Markdown处理前将普通换行符转换为Markdown换行（添加两个空格后的换行）
-    // 这样即使不是段落分隔的换行也能正确显示
-    const processedText = text.replace(/\n/g, '  \n');
-    return md.render(processedText);
-  };
-
-  // 加载PDF文件
-  const loadPdf = async (taskId: string) => {
-    try {
-      const pdfBlob = await getPdfStream(taskId);
-      const arrayBuffer = await pdfBlob.arrayBuffer();
-      const loadingTask = pdfjsLib.getDocument({ data: arrayBuffer });
-      const doc = await loadingTask.promise;
-      if (doc) {
-        pdfDoc = doc;
-        totalPages.value = doc.numPages;
-        currentPage.value = 1;
-        await nextTick();
-        await renderPage(1);
-      }
-    } catch (error) {
-      console.error('加载PDF失败:', error);
-      message.error('加载PDF失败');
-    }
-  };
-
-  // 渲染当前页面
-  const renderPage = async (num: number, highlightStr?: string) => {
-    if (!pdfDoc || !pdfCanvas.value || !pdfContainer.value) return;
-
-    try {
-      const page = await pdfDoc.getPage(num);
-      const canvas = pdfCanvas.value;
-      const ctx = canvas.getContext('2d');
-      if (!ctx) return;
-
-      // 计算自适应缩放比例，保证页面完整显示
-      const containerWidth = pdfContainer.value.clientWidth || 800;
-      const baseViewport = page.getViewport({ scale: 1 });
-      const scaleRatio = ((containerWidth - 48) / baseViewport.width) * scale.value; // 结合自适应和用户缩放
-      const viewport = page.getViewport({ scale: scaleRatio });
-
-      canvas.width = viewport.width;
-      canvas.height = viewport.height;
-      canvas.style.width = `${viewport.width}px`;
-      canvas.style.height = `${viewport.height}px`;
-
-      // 关键：如果有上一次渲染任务，先取消
-      if (currentRenderTask) {
-        try { currentRenderTask.cancel(); } catch (e) {}
-      }
-
-      const renderContext = {
-        canvasContext: ctx,
-        viewport: viewport,
-      };
-
-      currentRenderTask = page.render(renderContext);
-      await currentRenderTask.promise;
-      currentRenderTask = null;
-
-      // ====== 高亮文本实现 ======
-      if (highlightStr) {
-        await highlightTextOnPage(page, ctx, viewport, highlightStr);
-      }
-    } catch (error) {
-      currentRenderTask = null;
-      // 如果是RenderingCancelledException，不提示错误
-      if (error && error.name === 'RenderingCancelledException') {
-        return;
-      }
-      console.error('渲染PDF页面失败:', error);
-      message.error('渲染PDF页面失败');
-    }
-  };
-
-  // 上一页
-  const prevPage = async () => {
-    if (currentPage.value > 1) {
-      currentPage.value--;
-      await renderPage(currentPage.value);
-    }
-  };
-
-  // 下一页
-  const nextPage = async () => {
-    if (currentPage.value < totalPages.value) {
-      currentPage.value++;
-      await renderPage(currentPage.value);
-    }
-  };
-
-
-  // 监听props变化，初始化数据
-  watch(() => props.visible, (newVal) => {
-    if (newVal && props.taskResultDetail) {
-      initData();
-      if (props.taskInfo?.id) {
-        loadPdf(props.taskInfo.id);
-      }
-    }
-  });
-
-  // 初始化数据
-  const initData = async () => {
-    loading.value = true;
-    try {
-      if (props.taskResultDetail) {
-        // 存储接收到的任务类型
-        receivedTaskType.value = props.taskInfo.taskName || '';
-        console.log('receivedTaskType', receivedTaskType.value);
-        
-        // 默认选中第一个分类
-        if (props.taskResultDetail.length > 0) {
-          activeCollapseKeys.value = ['0'];
-        }
-        
-        // 初始化项目折叠状态
-        updateActiveItemKeys();
-      }
-    } catch (error) {
-      console.error('初始化详情抽屉时出错', error);
-    } finally {
-      loading.value = false;
-    }
-  };
-
-  const handleClose = () => {
-    emit('update:visible', false);
-    emit('close');
-  };
-
-  async function handleStatusChange(id: string, field: 'isRead' | 'isAdopted', value: '0' | '1') {
-    if (!id) {
-      message.error('缺少记录ID，无法更新状态');
-      return;
-    }
-    
-    loading.value = true;
-    currentOpId.value = id;
-    currentOpField.value = field;
-    
-    try {
-      await updateResultItemStatus(id, field, value);
-      // message.success(`状态更新成功`);
-      
-      // 更新本地状态
-      props.taskResultDetail.forEach(category => {
-        category.results.forEach(item => {
-          if (item.id === id) {
-            item[field] = value;
-          }
-        });
-      });
-      
-      // 更新折叠状态
-      updateActiveItemKeys();
-    } catch (error) {
-      console.error('更新状态失败', error);
-      message.error('更新状态失败');
-    } finally {
-      loading.value = false;
-      currentOpId.value = '';
-      currentOpField.value = '';
-    }
-  }
-
-  // 监听状态变化，更新折叠状态
-  watch([expandReadItems, expandAdoptedItems], () => {
-    updateActiveItemKeys();
-  });
-
-  // 复制内容到剪贴板
-  const copyContent = (content: any) => {
-    if (!content) return;
-    
-    // 如果是对象，可能需要特殊处理
-    let textToCopy = '';
-    
-    if (typeof content === 'object') {
-      // 例如 reviewBasis 对象的特殊处理
-      if (content.reviewContent) {
-        textToCopy = content.reviewContent;
-        
-        // 如果有审查要点，也添加到复制内容中
-        if (content.reviewPoints && content.reviewPoints.length) {
-          textToCopy += '\n\n审查要点:\n';
-          content.reviewPoints.forEach((point, index) => {
-            textToCopy += `${index + 1}. ${point}\n`;
-          });
-        }
-      } else {
-        // 其他对象类型转为JSON字符串
-        try {
-          textToCopy = JSON.stringify(content, null, 2);
-        } catch (e) {
-          textToCopy = String(content);
-        }
-      }
-    } else {
-      // 字符串或其他类型直接转换
-      textToCopy = String(content);
-    }
-    
-    // 复制到剪贴板
-    navigator.clipboard.writeText(textToCopy)
-      .then(() => {
-        message.success('内容已复制到剪贴板');
-      })
-      .catch((err) => {
-        console.error('复制失败:', err);
-        message.error('复制失败，请手动选择并复制');
-        
-        // 备用复制方法（兼容性更好但不太推荐）
-        const textarea = document.createElement('textarea');
-        textarea.value = textToCopy;
-        document.body.appendChild(textarea);
-        textarea.select();
-        try {
-          document.execCommand('copy');
-          message.success('内容已复制到剪贴板');
-        } catch (e) {
-          console.error('备用复制方法失败:', e);
-          message.error('复制失败，请手动选择并复制');
-        }
-        document.body.removeChild(textarea);
-      });
-  };
-
-  // 组件卸载前清理资源
-  onBeforeUnmount(() => {
-    if (pdfDoc) {
-      pdfDoc.destroy();
-    }
-  });
-
-  onMounted(() => {
-    // 初始化后执行的代码
-  });
-
-  const zoomIn = () => {
-    if (scale.value < 3) {
-      scale.value += 0.1;
-      renderPage(currentPage.value);
-    }
-  };
-
-  const zoomOut = () => {
-    if (scale.value > 0.5) {
-      scale.value -= 0.1;
-      renderPage(currentPage.value);
-    }
-  };
-
-  const handlePageSelect = async (page: number) => {
-    currentPage.value = page;
-    // 使用清除了**标记的文本进行高亮
-    await renderPage(page, highlightText.value ?? undefined);
-    showPageSelectModal.value = false;
-    message.success(`已定位到第${page}页`);
-  };
-
-  const handlePageModalClose = () => {
-    showPageSelectModal.value = false;
+  // 状态变更处理
+  const handleStatusChange = async (id: string, field: string, value: string) => {
+    return await updateResultItemStatus(id, field as 'isRead' | 'isAdopted', value as '0' | '1');
   };
-
-  const locateByText = async (text: string) => {
-    if (!pdfDoc || !text) return;
-    
-    // 去除Markdown格式中的**标记
-    const cleanText = text.replace(/\*\*/g, '');
-    
-    const numPages = pdfDoc.numPages;
-    const foundPages: number[] = [];
-    
-    // 搜索所有页面
-    for (let i = 1; i <= numPages; i++) {
-      const page = await pdfDoc.getPage(i);
-      const content = await page.getTextContent();
-      const pageText = content.items.map((item: any) => item.str).join('');
-      
-      // 去除空格后比较文本
-      // 标准化文本，移除所有非文本字符
-      const normalizeText = (text: string) => {
-        return text
-          .replace(/[\r\n\t\f\v]/g, '') // 移除所有换行和不可见字符
-          .replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '') // 只保留中文、英文和数字
-          .toLowerCase(); // 转换为小写以进行不区分大小写的比较
-      };
-
-      const normalizedPageText = normalizeText(pageText);
-      const normalizedSearchText = normalizeText(cleanText);
-      
-      if (normalizedPageText.includes(normalizedSearchText)) {
-        foundPages.push(i);
-      }
-    }
-    
-    if (foundPages.length === 0) {
-      message.warning('未在PDF中找到该文本');
-      return;
-    }
-    
-    // 保存要高亮的文本（去除**标记后的）
-    highlightText.value = cleanText;
-    
-    // 如果只找到一个页面，直接跳转并高亮
-    if (foundPages.length === 1) {
-      currentPage.value = foundPages[0];
-      await renderPage(foundPages[0], cleanText);
-      message.success(`已定位到第${foundPages[0]}页`);
-      return;
-    }
-    
-    // 如果找到多个页面，弹出选择对话框
-    matchedPages.value = foundPages;
-    showPageSelectModal.value = true;
-  };
-
-  // 高亮整段文本
-  async function highlightTextOnPage(page, ctx, viewport, targetText) {
-    if (!targetText) return;
-    
-    // 确保去除**标记
-    const cleanTargetText = targetText.replace(/\*\*/g, '');
-    
-    const textContent = await page.getTextContent();
-    const items = textContent.items as any[];
-    
-    // 连接所有文本项，但不移除空格，以保持更好的匹配精度
-    const pageTextWithSpaces = items.map(i => i.str).join('');
-    const pageText = pageTextWithSpaces.replace(/\s/g, '');
-    const target = cleanTargetText.replace(/\s/g, '');
-    
-    // 尝试在页面文本中查找目标文本
-    const startIdx = pageText.indexOf(target);
-    if (startIdx === -1) return;
-    
-    // 反查属于哪些item
-    let charCount = 0;
-    let highlightItems: any[] = [];
-    let highlightStarted = false;
-    let highlightLength = 0;
-    
-    for (let item of items) {
-      const itemTextNoSpace = item.str.replace(/\s/g, '');
-      if (!highlightStarted && charCount + itemTextNoSpace.length > startIdx) {
-        highlightStarted = true;
-      }
-      
-      if (highlightStarted && highlightLength < target.length) {
-        highlightItems.push(item);
-        highlightLength += itemTextNoSpace.length;
-        if (highlightLength >= target.length) break;
-      }
-      
-      charCount += itemTextNoSpace.length;
-    }
-    
-    // 绘制高亮
-    ctx.save();
-    ctx.globalAlpha = 0.4;
-    ctx.fillStyle = '#ffd54f';
-    
-    for (let item of highlightItems) {
-      const transform = item.transform;
-      const x = transform[4]; // e
-      const y = transform[5]; // f
-      
-      // 通过viewport变换
-      const pt = viewport.convertToViewportPoint(x, y);
-      
-      // pdf.js的y是基线，需调整
-      const height = item.height || item.fontSize || 10;
-      const width = item.width || (item.str.length * (item.fontSize || 10) * 0.6);
-      
-      ctx.fillRect(pt[0], pt[1] - height, width, height + 2); // 稍微扩大高亮区域以便更容易看见
-    }
-    
-    ctx.restore();
-  }
-
-  const getParsedReviewBasis = (reviewBasis: any) => {
-    if (typeof reviewBasis === 'string') {
-      try {
-        return JSON.parse(reviewBasis);
-      } catch (e) {
-        return null;
-      }
-    } else if (typeof reviewBasis === 'object') {
-      return reviewBasis;
-    } else {
-      return null;
-    }
-  };
-</script>
-
-<style lang="less" scoped>
-  :deep(.ant-drawer-body) {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    overflow: hidden;
-  }
-
-  .document-review-container,
-  .tasks-container,
-  :deep(.ant-tabs),
-  :deep(.ant-tabs-content),
-  :deep(.ant-tabs-tabpane),
-  .category-items {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  :deep(.ant-tabs-nav) {
-    flex-shrink: 0;
-    background: #fff;
-    z-index: 2;
-  }
-
-  .items-card-list {
-    flex: 1;
-    overflow-y: auto;
-    padding: 16px;
-    min-height: 0;
-  }
-
-  :deep(.ant-tabs-tab) {
-    padding: 8px 16px;
-    font-weight: 500;
-  }
-
-  .item-card {
-    width: 100%;
-    margin-bottom: 10px;
-    cursor: pointer;
-  }
-
-  // 覆盖Ant Design Card的默认标题样式，确保文本可以换行
-  .item-card :deep(.ant-card-head-title) {
-    overflow: visible !important;
-    white-space: normal !important;
-    text-overflow: unset !important;
-  }
-
-  .expand-icon {
-    font-size: 12px;
-    color: rgba(0, 0, 0, 0.45);
-  }
-
-  .item-header-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    width: 100%;
-  }
-
-  .item-info {
-    display: flex;
-    align-items: flex-start;
-    flex: 1;
-    overflow: visible;
-    text-overflow: unset;
-    white-space: normal;
-  }
-
-  .item-serial {
-    margin-right: 12px;
-    font-weight: bold;
-    color: #1890ff;
-  }
-
-  .item-title {
-    font-weight: 500;
-    font-size: 14px;
-    flex: 1;
-    overflow: visible;
-    text-overflow: unset;
-    white-space: normal;
-    word-wrap: break-word;
-    word-break: break-word;
-    line-height: 1.5;
-  }
-
-  .item-actions {
-    display: flex;
-    align-items: flex-start;
-    margin-left: 16px;
-    flex-shrink: 0;
-  }
-
-  .item-content {
-    padding: 16px;
-  }
-
-  .content-section {
-    margin-bottom: 16px;
-  }
-
-  .section-title {
-    font-weight: 500;
-    margin-bottom: 8px;
-    color: #333;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .copy-btn {
-    padding: 0 4px;
-    font-size: 12px;
-    height: 24px;
-    
-    :deep(.anticon) {
-      font-size: 12px;
-    }
-  }
-
-  .section-content {
-    padding: 0 0 0 24px;
-    background-color: #f9fbfd;
-    border-radius: 4px;
-    padding: 12px;
-    white-space: pre-wrap;
-    max-height: 300px;
-    overflow: auto;
-  }
-
-  .markdown-content {
-    :deep(p) {
-      margin-bottom: 8px;
-    }
-
-    :deep(ul), :deep(ol) {
-      padding-left: 24px;
-    }
-
-    :deep(h1), :deep(h2), :deep(h3), :deep(h4), :deep(h5), :deep(h6) {
-      margin-top: 16px;
-      margin-bottom: 8px;
-    }
-
-    :deep(code) {
-      background-color: #f5f5f5;
-      padding: 2px 4px;
-      border-radius: 4px;
-    }
-
-    :deep(pre) {
-      background-color: #f5f5f5;
-      padding: 12px;
-      border-radius: 4px;
-      overflow: auto;
-    }
-
-    :deep(blockquote) {
-      border-left: 4px solid #ddd;
-      padding-left: 16px;
-      color: #666;
-      margin: 16px 0;
-    }
-
-    :deep(table) {
-      border-collapse: collapse;
-      width: 100%;
-      margin: 16px 0;
-
-      th, td {
-        border: 1px solid #e8e8e8;
-        padding: 8px 12px;
-      }
-
-      th {
-        background-color: #f8f8f8;
-        font-weight: 500;
-      }
-    }
-  }
-
-  .review-points {
-    list-style-type: disc;
-    padding-left: 24px;
-
-    li {
-      margin-bottom: 4px;
-    }
-  }
-
-  .review-points-title,
-  .review-content-title {
-    font-weight: 600;
-    color: #1890ff;
-    margin-bottom: 8px;
-    font-size: 14px;
-  }
-
-  .ml-3 {
-    margin-left: 12px;
-  }
-
-  .drawer-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-  }
-
-  .status-switches {
-    display: flex;
-    align-items: center;
-  }
-
-  .split-layout {
-    display: flex;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  .pdf-preview {
-    width: 50%;
-    height: 100%;
-    border-right: 1px solid #e8e8e8;
-    display: flex;
-    flex-direction: column;
-    background: #f5f5f5;
-  }
-
-  .pdf-container {
-    flex: 1;
-    overflow: auto;
-    display: block;
-    padding: 24px 0;
-    background: #f5f5f5;
-
-    canvas {
-      background: #fff;
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-      border-radius: 6px;
-      display: block;
-    }
-  }
-
-  .pdf-controls {
-    padding: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: white;
-    border-top: 1px solid #e8e8e8;
-
-    .page-info {
-      margin: 0 16px;
-      color: rgba(0, 0, 0, 0.65);
-    }
-  }
-
-  .tasks-container {
-    width: 50%;
-    height: 100%;
-    overflow: hidden;
-  }
-</style> 
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts b/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
index f40b82c..521d7c0 100644
--- a/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
+++ b/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
@@ -38,6 +38,11 @@ export const formSchemas: FormSchema[] = [
     field: 'documentName',
     component: 'Input',
   },
+  {
+    label: '审查类型',
+    field: 'reviewTypes',
+    component: 'Input',
+  },
   {
     label: '状态',
     field: 'progressStatus',
@@ -61,14 +66,25 @@ export const columns: BasicColumn[] = [
     dataIndex: 'documentName',
   },
   {
-    title: '模型所属区域',
-    dataIndex: 'taskRegion',
-    customRender: ({ value }) => renderDict(value, 'model_region'),
-  },
-  {
-    title: '模型所属行业',
-    dataIndex: 'taskIndustry',
-    customRender: ({ value }) => renderDict(value, 'model_industry'),
+    title: '审查类型',
+    dataIndex: 'reviewTypes',
+    customRender: ({ value }) => {
+      if (!value) return '-';
+      // 将逗号分隔的字符串转换为更友好的显示格式
+      const types = value.split(',').map((type: string) => {
+        switch (type.trim()) {
+          case 'substantive':
+            return '实质性审查';
+          case 'compliance':
+            return '合规性审查';
+          case 'consistency':
+            return '一致性审查';
+          default:
+            return type.trim();
+        }
+      });
+      return types.join('、');
+    },
   },
   {
     title: '审查立场',
@@ -95,38 +111,6 @@ export const columns: BasicColumn[] = [
 ];
 
 export const modalSchemas: FormSchema[] = [
-  {
-    label: '模型所属区域',
-    field: 'taskRegion',
-    required: true,
-    component: 'Select',
-    // componentProps: {
-    //   options: taskRegionPermission(),
-    //   defaultValue:"normal",
-    // },
-    componentProps: () => {
-      const isSuperAdmin = roleList.includes(RoleEnum.SUPER_ADMIN);
-      let options = getDictOptions('model_region');
-      if (!isSuperAdmin) {
-        // 如果不是超级管理员，移除 label 带有 '#' 的项
-        options = options.filter((option) => !option.label.includes('#'));
-      }
-      return {
-        options: options,
-        defaultValue: 'normal',
-      };
-    },
-  },
-  {
-    label: '模型所属行业',
-    field: 'taskIndustry',
-    required: true,
-    component: 'Select',
-    componentProps: {
-      options: getDictOptions('model_industry'),
-      defaultValue: 'normal',
-    },
-  },
   {
     label: '审查立场',
     field: 'contractPartyRole',
diff --git a/src/views/contractReview/ContractualTasks/components/ComplianceContent.vue b/src/views/contractReview/ContractualTasks/components/ComplianceContent.vue
index 2ebc5d5..94b3156 100644
--- a/src/views/contractReview/ContractualTasks/components/ComplianceContent.vue
+++ b/src/views/contractReview/ContractualTasks/components/ComplianceContent.vue
@@ -1,175 +1,191 @@
 <template>
   <div class="compliance-content">
-    <!-- 法规范围选择 -->
-    <div class="section regulation-section">
-      <h3 class="section-title">选择适用法规范围</h3>
-      <p class="section-description">选择需要进行合规性检查的法律法规类别</p>
-
-      <div class="checkbox-group">
-        <Checkbox.Group v-model:value="selectedRegulations">
-          <Checkbox value="contract-law">
-            <div class="checkbox-option">
-              <div class="option-content">
-                <div class="option-title">中华人民共和国合同法</div>
-                <div class="option-desc">检查合同条款是否符合合同法基本要求</div>
-              </div>
-            </div>
-          </Checkbox>
-          <Checkbox value="labor-law">
-            <div class="checkbox-option">
-              <div class="option-content">
-                <div class="option-title">劳动合同相关法规</div>
-                <div class="option-desc">检查劳动合同条款合规性</div>
-              </div>
-            </div>
-          </Checkbox>
-          <Checkbox value="company-law">
-            <div class="checkbox-option">
-              <div class="option-content">
-                <div class="option-title">公司法相关规定</div>
-                <div class="option-desc">检查公司间合同的法律合规性</div>
-              </div>
-            </div>
-          </Checkbox>
-        </Checkbox.Group>
-      </div>
-    </div>
-
-    <!-- 行业特殊要求 -->
-    <div class="section industry-section">
-      <h3 class="section-title">行业特殊要求</h3>
-      <p class="section-description">选择合同涉及的行业领域，进行专项合规检查</p>
+    <!-- 选择法规方式 -->
+    <div class="section regulation-method-section">
+      <h3 class="section-title">选择法规检查方式</h3>
+      <p class="section-description">选择生成合规检查法规的方式，系统将根据您的选择进行相应的合规性审查。</p>
       
-      <div class="radio-group">
-        <Radio.Group v-model:value="selectedIndustry" size="large">
-          <Radio value="financial">
-            <div class="radio-option">
-              <BankOutlined class="option-icon" />
-              <div class="option-content">
-                <div class="option-title">金融服务</div>
-                <div class="option-desc">银行、证券、保险等金融行业合规要求</div>
-              </div>
-            </div>
-          </Radio>
-          <Radio value="medical">
-            <div class="radio-option">
-              <MedicineBoxOutlined class="option-icon" />
-              <div class="option-content">
-                <div class="option-title">医疗健康</div>
-                <div class="option-desc">医疗器械、药品、健康服务等行业规范</div>
-              </div>
-            </div>
-          </Radio>
-          <Radio value="technology">
-            <div class="radio-option">
-              <LaptopOutlined class="option-icon" />
-              <div class="option-content">
-                <div class="option-title">科技互联网</div>
-                <div class="option-desc">数据保护、网络安全等科技行业要求</div>
+      <div class="review-type-selector">
+        <div class="radio-group">
+          <Radio.Group v-model:value="selectedRegulationMethod" size="large">
+            <Radio value="ai">
+              <div class="radio-option">
+                <RobotOutlined class="option-icon" />
+                <div class="option-content">
+                  <div class="option-title">AI自动选择</div>
+                  <div class="option-desc">智能分析合同内容自动选择适用法规</div>
+                </div>
               </div>
-            </div>
-          </Radio>
-          <Radio value="general">
-            <div class="radio-option">
-              <GlobalOutlined class="option-icon" />
-              <div class="option-content">
-                <div class="option-title">通用行业</div>
-                <div class="option-desc">一般商业合同合规检查</div>
+            </Radio>
+            <Radio value="manual">
+              <div class="radio-option">
+                <FileTextOutlined class="option-icon" />
+                <div class="option-content">
+                  <div class="option-title">人工选择法规</div>
+                  <div class="option-desc">手动选择需要进行合规性检查的法规名称</div>
+                </div>
               </div>
-            </div>
-          </Radio>
-        </Radio.Group>
-      </div>
-    </div>
+            </Radio>
+          </Radio.Group>
+        </div>
 
-    <!-- 合规检查级别 -->
-    <div class="section level-section">
-      <h3 class="section-title">合规检查级别</h3>
-      <p class="section-description">选择合规检查的严格程度</p>
-      
-      <div class="radio-group">
-        <Radio.Group v-model:value="selectedLevel" size="large">
-          <Radio value="basic">
-            <div class="radio-option">
-              <span class="option-icon">🔍</span>
-              <div class="option-content">
-                <div class="option-title">基础检查</div>
-                <div class="option-desc">检查明显的法律风险和合规问题</div>
-              </div>
-            </div>
-          </Radio>
-          <Radio value="standard">
-            <div class="radio-option">
-              <span class="option-icon">⚖️</span>
-              <div class="option-content">
-                <div class="option-title">标准检查</div>
-                <div class="option-desc">全面的合规性审查，覆盖常见风险点</div>
-              </div>
-            </div>
-          </Radio>
-          <Radio value="strict">
-            <div class="radio-option">
-              <span class="option-icon">🛡️</span>
-              <div class="option-content">
-                <div class="option-title">严格检查</div>
-                <div class="option-desc">最高级别检查，包含潜在风险分析</div>
+        <!-- 法规名称选择器 -->
+        <div v-if="showRegulationSelector" class="regulation-selector">
+          <label class="selector-label">选择法规名称：</label>
+          
+          <Select
+            v-model:value="selectedRegulationIds"
+            mode="multiple"
+            style="width: 100%"
+            placeholder="请搜索并选择法规名称..."
+            :loading="regulationLoading"
+            size="large"
+            show-search
+            :filter-option="false"
+            @search="handleRegulationSearch"
+            @change="handleRegulationChange"
+            @focus="handleRegulationFocus"
+            :dropdownMatchSelectWidth="false"
+            dropdownClassName="regulation-dropdown"
+            :show-arrow="true"
+          >
+            <Select.Option 
+              v-for="regulation in filteredRegulations" 
+              :key="regulation.id" 
+              :value="String(regulation.id)"
+            >
+              <div class="regulation-option">
+                <span class="regulation-name">{{ regulation.regulationName }}</span>
+                <span class="regulation-desc" v-if="regulation.regulationDescription">{{ regulation.regulationDescription }}</span>
               </div>
-            </div>
-          </Radio>
-        </Radio.Group>
+            </Select.Option>
+          </Select>
+        </div>
       </div>
     </div>
 
-    <!-- 特别关注点 -->
-    <div class="section focus-section">
-      <h3 class="section-title">特别关注点（可选）</h3>
-      <p class="section-description">指定需要特别关注的合规风险点</p>
+    <!-- 特别说明 -->
+    <!-- <div class="section special-note-section">
+      <h3 class="section-title">特别说明（可选）</h3>
+      <p class="section-description">您可以在此添加针对本次合规性审查的特别要求或关注点。</p>
       
-      <div class="focus-input">
+      <div class="special-note-input">
         <Input.TextArea
-          v-model:value="focusPoints"
-          placeholder="请输入特别关注的合规要求，如特定法规条款、行业标准、监管要求等..."
+          v-model:value="specialNote"
+          placeholder="请输入特别说明，如特定的合规要求、风险关注点、监管要求等..."
           :rows="3"
           :maxlength="500"
           show-count
           size="large"
         />
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue';
-  import { Input, Checkbox, Radio } from 'ant-design-vue';
+  import { ref, computed, onMounted } from 'vue';
+  import { Input, Select, Radio } from 'ant-design-vue';
   import { 
-    BankOutlined,
-    MedicineBoxOutlined,
-    LaptopOutlined,
-    GlobalOutlined
+    RobotOutlined,
+    FileTextOutlined
   } from '@ant-design/icons-vue';
   import { message } from 'ant-design-vue';
+  import { ContractualRegulationNamesEffectiveList } from '@/api/contractReview/ContractualRegulationNames';
+  import type { SelectValue } from 'ant-design-vue/es/select';
+  import type { ContractualRegulationNamesVO } from '@/api/contractReview/ContractualRegulationNames/model';
 
   // 状态变量
-  const selectedRegulations = ref<string[]>(['contract-law']); // 默认选择合同法
-  const selectedIndustry = ref<string>('general'); // 默认选择通用行业
-  const selectedLevel = ref<string>('standard'); // 默认选择标准检查
-  const focusPoints = ref<string>(''); // 特别关注点
+  const selectedRegulationMethod = ref<string>('ai'); // 默认选择AI自动选择
+  const selectedRegulationIds = ref<string[]>([]);
+  const specialNote = ref<string>(''); // 特别说明
+
+  // 法规名称相关
+  const regulationLoading = ref(false);
+  const regulations = ref<ContractualRegulationNamesVO[]>([]);
+  const filteredRegulations = ref<ContractualRegulationNamesVO[]>([]);
+  const regulationSearchValue = ref('');
+
+  // 是否显示法规名称选择器
+  const showRegulationSelector = computed(() => {
+    return selectedRegulationMethod.value === 'manual';
+  });
+
+  // 加载有效法规名称列表
+  const loadRegulations = async () => {
+    regulationLoading.value = true;
+    try {
+      const res = await ContractualRegulationNamesEffectiveList();
+      const data = res as any;
+      if (data && data.length > 0) {
+        regulations.value = data;
+        filteredRegulations.value = data;
+      } else {
+        regulations.value = [];
+        filteredRegulations.value = [];
+      }
+    } catch (error) {
+      console.error('加载法规名称失败:', error);
+      message.error('加载法规名称失败');
+    } finally {
+      regulationLoading.value = false;
+    }
+  };
+
+  // 处理法规名称搜索
+  const handleRegulationSearch = (value: string) => {
+    regulationSearchValue.value = value;
+    if (!value) {
+      filteredRegulations.value = regulations.value;
+    } else {
+      filteredRegulations.value = regulations.value.filter(item =>
+        item.regulationName.toLowerCase().includes(value.toLowerCase()) ||
+        (item.regulationDescription && item.regulationDescription.toLowerCase().includes(value.toLowerCase()))
+      );
+    }
+  };
+
+  // 处理法规名称选择变化
+  const handleRegulationChange = (values: SelectValue) => {
+    let valueArray: string[] = [];
+    
+    if (Array.isArray(values)) {
+      valueArray = values.map(v => String(v));
+    } else if (values !== undefined && values !== null) {
+      valueArray = [String(values)];
+    }
+    
+    // 选择后重置搜索状态，避免影响后续选择
+    regulationSearchValue.value = '';
+    filteredRegulations.value = regulations.value;
+  };
+
+  // 处理法规名称下拉框焦点事件
+  const handleRegulationFocus = () => {
+    // 获得焦点时重置搜索状态
+    regulationSearchValue.value = '';
+    filteredRegulations.value = regulations.value;
+  };
 
   // 获取数据的方法，供父组件调用
   const getData = () => {
-    // 检查是否选择了法规
-    if (selectedRegulations.value.length === 0) {
-      message.warning('请至少选择一个法规范围');
+    // 检查是否选择了法规检查方式
+    if (!selectedRegulationMethod.value) {
+      message.warning('请选择法规检查方式');
+      return null;
+    }
+    
+    // 如果选择了人工选择法规，检查是否选择了法规名称
+    if (showRegulationSelector.value && selectedRegulationIds.value.length === 0) {
+      message.warning('请选择法规名称');
       return null;
     }
     
     return {
       type: 'compliance',
-      regulations: selectedRegulations.value,
-      industry: selectedIndustry.value,
-      level: selectedLevel.value,
-      focusPoints: focusPoints.value || undefined,
+      regulationMethod: selectedRegulationMethod.value,
+      regulationIds: selectedRegulationIds.value || undefined,
+      specialNote: specialNote.value || undefined,
     };
   };
 
@@ -177,6 +193,11 @@
   defineExpose({
     getData
   });
+
+  // 组件挂载时加载法规名称
+  onMounted(() => {
+    loadRegulations();
+  });
 </script>
 
 <style lang="less" scoped>
@@ -209,51 +230,11 @@
   line-height: 1.4;
 }
 
-// 复选框组样式
-.checkbox-group {
-  :deep(.ant-checkbox-group) {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-    gap: 8px;
-    width: 100%;
-  }
-  
-  :deep(.ant-checkbox-wrapper) {
-    padding: 8px 12px;
-    border: 1px solid #d9d9d9;
-    border-radius: 4px;
-    margin: 0;
-    transition: all 0.3s;
-    
-    &:hover {
-      border-color: #722ed1;
-      background-color: #f9f0ff;
-    }
-    
-    &.ant-checkbox-wrapper-checked {
-      border-color: #722ed1;
-      background-color: #f9f0ff;
-      box-shadow: 0 0 0 2px rgba(114, 46, 209, 0.2);
-    }
-  }
-  
-  :deep(.ant-checkbox) {
-    .ant-checkbox-inner {
-      border-color: #722ed1;
-    }
-    
-    &.ant-checkbox-checked .ant-checkbox-inner {
-      background-color: #722ed1;
-      border-color: #722ed1;
-    }
-  }
-}
-
 // 单选框组样式
 .radio-group {
   :deep(.ant-radio-group) {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 8px;
     width: 100%;
   }
@@ -289,8 +270,7 @@
   }
 }
 
-// 选项样式
-.checkbox-option,
+// 带图标的单选项样式
 .radio-option {
   display: flex;
   align-items: center;
@@ -319,8 +299,46 @@
   }
 }
 
-// 特别关注点
-.focus-input {
+// 法规检查方式选择
+.review-type-selector {
+  padding: 12px;
+}
+
+// 法规名称选择器
+.regulation-selector {
+  margin-top: 12px;
+  padding: 12px;
+  background-color: #f9f9f9;
+  border-radius: 4px;
+  
+  .selector-label {
+    display: block;
+    font-size: 13px;
+    font-weight: 500;
+    margin-bottom: 6px;
+    color: #333;
+  }
+}
+
+.regulation-option {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  
+  .regulation-name {
+    font-weight: 500;
+    color: #333;
+    font-size: 13px;
+  }
+  
+  .regulation-desc {
+    font-size: 11px;
+    color: #666;
+  }
+}
+
+// 特别说明
+.special-note-input {
   margin-top: 12px;
   
   :deep(.ant-input) {
diff --git a/src/views/contractReview/ContractualTasks/components/ConsistencyContent.vue b/src/views/contractReview/ContractualTasks/components/ConsistencyContent.vue
index af13a5a..3184ecf 100644
--- a/src/views/contractReview/ContractualTasks/components/ConsistencyContent.vue
+++ b/src/views/contractReview/ContractualTasks/components/ConsistencyContent.vue
@@ -52,7 +52,7 @@
     </div>
 
     <!-- 特别关注点 -->
-    <div class="section focus-section">
+    <!-- <div class="section focus-section">
       <h3 class="section-title">特别关注点（可选）</h3>
       <p class="section-description">指定需要特别关注的一致性检查要点</p>
       
@@ -66,7 +66,7 @@
           size="large"
         />
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
diff --git a/src/views/contractReview/ContractualTasks/components/InferenceReview.vue b/src/views/contractReview/ContractualTasks/components/InferenceReview.vue
index e43495e..d6915a1 100644
--- a/src/views/contractReview/ContractualTasks/components/InferenceReview.vue
+++ b/src/views/contractReview/ContractualTasks/components/InferenceReview.vue
@@ -261,7 +261,7 @@
     // 准备发送给后端的数据
     const reviewRequest: StartContractReviewRequest = {
       ossId: currentOssId.value!,
-      reviewTypes: data.reviewTypes || props.reviewTypes,
+      reviewTypes: props.reviewTypes,
       reviewData: data.reviewData,
       visitedTabs: data.visitedTabs
     };
@@ -282,6 +282,9 @@
           key: 'startReview' 
         });
         
+        // 清除上传组件的数据
+        clearUploadData();
+        
         // 向父组件传递成功事件，包含任务信息
         emit('success', {
           taskId: response.taskId,
@@ -309,6 +312,15 @@
     console.log('Review configuration cancelled');
     emit('cancel');
   }
+
+  // 清除上传数据的函数
+  function clearUploadData() {
+    fileList.value = [];
+    uploadPercent.value = 0;
+    currentOssId.value = null;
+    uploading.value = false;
+    console.log('Upload data cleared for next upload');
+  }
 </script>
 
 <style scoped>
diff --git a/src/views/contractReview/ContractualTasks/configs/reviewTypeConfigs.ts b/src/views/contractReview/ContractualTasks/configs/reviewTypeConfigs.ts
new file mode 100644
index 0000000..1bd67d3
--- /dev/null
+++ b/src/views/contractReview/ContractualTasks/configs/reviewTypeConfigs.ts
@@ -0,0 +1,190 @@
+// 审查字段配置接口
+export interface ReviewFieldConfig {
+  field: string;
+  title: string;
+  type: 'markdown' | 'text' | 'reviewPointsList';
+  required?: boolean;
+  pdfSource?: 'contract' | 'bid' | 'auto'; // 文本定位时使用哪个PDF
+  displayCondition?: (item: any) => boolean;
+  showComparison?: boolean; // 是否显示对比按钮
+  nestedFields?: string[]; // 嵌套字段，用于reviewPointsList类型
+}
+
+// PDF数据源配置接口
+export interface PdfSourceConfig {
+  id: string;
+  title: string;
+  apiField: string; // 对应后端字段名
+}
+
+// 审查类型配置接口
+export interface ReviewTypeConfig {
+  type: string;
+  name: string;
+  pdfLayout: 'single' | 'split';
+  pdfSources: PdfSourceConfig[];
+  fields: ReviewFieldConfig[];
+}
+
+// 审查类型配置定义
+export const REVIEW_TYPE_CONFIGS: Record<string, ReviewTypeConfig> = {
+  // 实质性审查配置
+  substantive: {
+    type: 'substantive',
+    name: '实质性审查',
+    pdfLayout: 'single',
+    pdfSources: [
+      { id: 'contract', title: '合同文件', apiField: 'id' }
+    ],
+    fields: [
+      { 
+        field: 'originalText', 
+        title: '原文', 
+        type: 'markdown', 
+        pdfSource: 'contract',
+        required: true 
+      },
+      { 
+        field: 'modifiedContent', 
+        title: '修改建议', 
+        type: 'markdown',
+        showComparison: true // 显示对比按钮
+      },
+      { 
+        field: 'reviewBasis', 
+        title: '审查依据', 
+        type: 'reviewPointsList',
+        nestedFields: ['reviewContent', 'reviewPoints']
+      }
+    ]
+  },
+
+  // 合规性审查配置
+  compliance: {
+    type: 'compliance',
+    name: '合规性审查',
+    pdfLayout: 'single',
+    pdfSources: [
+      { id: 'contract', title: '合同文件', apiField: 'id' }
+    ],
+    fields: [
+      { 
+        field: 'originalText', 
+        title: '原文', 
+        type: 'markdown', 
+        pdfSource: 'contract',
+        required: true 
+      },
+      { 
+        field: 'existingIssues', 
+        title: '合规性问题', 
+        type: 'markdown' 
+      },
+      { 
+        field: 'modifiedContent', 
+        title: '修改建议', 
+        type: 'markdown',
+        showComparison: true
+      },
+      { 
+        field: 'reviewBasis', 
+        title: '法规依据', 
+        type: 'reviewPointsList',
+        nestedFields: ['reviewContent', 'reviewPoints']
+      }
+    ]
+  },
+
+  // 一致性审查配置
+  consistency: {
+    type: 'consistency',
+    name: '一致性审查',
+    pdfLayout: 'split',
+    pdfSources: [
+      { id: 'contract', title: '合同文件', apiField: 'id' },
+      { id: 'bid', title: '招标文件', apiField: 'id' }
+    ],
+    fields: [
+      { 
+        field: 'originalText', 
+        title: '合同原文', 
+        type: 'markdown', 
+        pdfSource: 'contract',
+        required: true 
+      },
+      { 
+        field: 'comparedText', 
+        title: '招标文件对应内容', 
+        type: 'markdown', 
+        pdfSource: 'bid',
+        required: true 
+      },
+      { 
+        field: 'modifiedContent', 
+        title: '修改建议', 
+        type: 'markdown',
+        showComparison: true
+      },
+      // { 
+      //   field: 'existingIssues', 
+      //   title: '不一致问题', 
+      //   type: 'markdown' 
+      // },
+      // { 
+      //   field: 'reviewBasis', 
+      //   title: '审查依据', 
+      //   type: 'reviewPointsList',
+      //   nestedFields: ['reviewContent', 'reviewPoints']
+      // }
+    ]
+  }
+};
+
+// 根据审查类型获取配置的工具函数
+export function getReviewTypeConfig(reviewTypes: string[]): ReviewTypeConfig {
+  // 优先级：一致性 > 合规性 > 实质性
+  if (reviewTypes.includes('consistency')) {
+    return REVIEW_TYPE_CONFIGS.consistency;
+  } else if (reviewTypes.includes('compliance')) {
+    return REVIEW_TYPE_CONFIGS.compliance;
+  } else {
+    return REVIEW_TYPE_CONFIGS.substantive;
+  }
+}
+
+// 根据中文名称获取配置
+export function getReviewTypeConfigByName(chineseName: string): ReviewTypeConfig {
+  switch (chineseName) {
+    case '一致性审查':
+      return REVIEW_TYPE_CONFIGS.consistency;
+    case '合规性审查':
+      return REVIEW_TYPE_CONFIGS.compliance;
+    case '实质性审查':
+      return REVIEW_TYPE_CONFIGS.substantive;
+    default:
+      return REVIEW_TYPE_CONFIGS.substantive; // 默认返回实质性审查
+  }
+}
+
+// 获取所有可用的审查类型配置（根据中文名称列表）
+export function getAvailableReviewConfigs(chineseNames: string[]): ReviewTypeConfig[] {
+  return chineseNames
+    .filter(name => name !== '全部') // 过滤掉"全部"
+    .map(name => getReviewTypeConfigByName(name));
+}
+
+// 检查字段是否应该显示对比按钮
+export function shouldShowComparison(fieldConfig: ReviewFieldConfig, item: any): boolean {
+  return !!(fieldConfig.showComparison && item.modificationDisplay && item.modificationDisplay.trim());
+}
+
+// 获取字段的PDF源
+export function getFieldPdfSource(fieldConfig: ReviewFieldConfig): string | null {
+  // 只有配置了pdfSource的字段才支持定位
+  return fieldConfig.pdfSource || null;
+}
+
+// 检查字段是否支持PDF定位
+export function supportsPdfLocation(fieldConfig: ReviewFieldConfig): boolean {
+  return !!(fieldConfig.pdfSource && fieldConfig.pdfSource !== 'auto');
+} 
\ No newline at end of file
diff --git a/src/views/contractReview/ContractualTasks/index.vue b/src/views/contractReview/ContractualTasks/index.vue
index 7f8ebc1..c17e34a 100644
--- a/src/views/contractReview/ContractualTasks/index.vue
+++ b/src/views/contractReview/ContractualTasks/index.vue
@@ -43,16 +43,20 @@
     </div>
 
     <!-- 审查界面 -->
-    <InferenceReview :reviewTypes="selectedOptions" />
+    <InferenceReview :reviewTypes="selectedOptions" @success="handleReviewSuccess" />
   </div>
 </template>
 
 <script setup lang="ts">
   import { ref } from 'vue';
   import InferenceReview from './components/InferenceReview.vue';
+  import { useRouter } from 'vue-router';
+  import { message } from 'ant-design-vue';
 
   defineOptions({ name: 'ContractualTasks' });
 
+  const router = useRouter();
+
   // 状态变量
   const selectedOptions = ref<string[]>(['substantive']);
 
@@ -65,6 +69,22 @@
       selectedOptions.value.push(option);
     }
   }
+
+  function handleReviewSuccess(data: any) {
+    // 处理审查成功后的逻辑
+    console.log('审查任务创建成功:', data);
+    
+    // 显示成功消息
+    message.success('合同审查任务已创建成功，正在后台处理');
+    
+    // 延迟跳转到列表页面，让用户看到成功消息，并添加时间戳参数触发刷新
+    setTimeout(() => {
+      router.push({
+        path: '/contractReview/contractualList',
+        query: { refresh: Date.now().toString() }
+      });
+    }, 100);
+  }
 </script>
 
 <style scoped>
diff --git a/src/views/contractReview/ContractualTasks/list.vue b/src/views/contractReview/ContractualTasks/list.vue
index b499066..26b76fa 100644
--- a/src/views/contractReview/ContractualTasks/list.vue
+++ b/src/views/contractReview/ContractualTasks/list.vue
@@ -119,7 +119,10 @@
   import { ref } from 'vue';
   import ContractualResultDetailDrawer from './ContractualResultDetailDrawer.vue';
   import { ContractualTaskResultDetailVO } from '@/api/contractReview/ContractualTaskResults/model';
+  import { useRouter } from 'vue-router';
+  import { watch } from 'vue';
 
+  const router = useRouter();
   const [registerDrawer, { openDrawer }] = useDrawer();
   const resultDetailDrawerVisible = ref(false);
   const taskResultDetail = ref<ContractualTaskResultDetailVO[]>([]);
@@ -156,6 +159,21 @@
 
   const [registerModal, { openModal }] = useModal();
 
+  // 监听路由变化，当有refresh参数时刷新表格
+  watch(
+    () => router.currentRoute.value.query.refresh,
+    (newVal) => {
+      if (newVal) {
+        reload();
+        // 清除查询参数，避免重复刷新
+        router.replace({ 
+          path: router.currentRoute.value.path,
+          query: { ...router.currentRoute.value.query, refresh: undefined }
+        });
+      }
+    }
+  );
+
   async function handleDetail(record: Recordable) {     
         try {
           const detailRes = await getDetailResultsByTaskId(record.id);
@@ -180,7 +198,7 @@
   }
 
   function handleAdd() {
-    openModal(true, { update: false });
+    router.push('/contractReview/ContractualTasks');
   }
 
 
diff --git a/src/views/documentReview/DocumentTasks/ResultDetailDrawer.vue b/src/views/documentReview/DocumentTasks/ResultDetailDrawer.vue
index 542aded..254238f 100644
--- a/src/views/documentReview/DocumentTasks/ResultDetailDrawer.vue
+++ b/src/views/documentReview/DocumentTasks/ResultDetailDrawer.vue
@@ -1,163 +1,23 @@
 <template>
-  <Drawer
-    v-bind="$attrs"
+  <UniversalResultDrawer
     :visible="visible"
-    @close="handleClose"
     :title="title"
     :width="width"
-    :closable="true"
-    :maskClosable="true"
-    :destroyOnClose="true"
-  >
-    <div class="document-review-container">
-      <div class="split-layout">
-        <!-- 左侧PDF预览 -->
-        <div class="pdf-preview">
-          <div class="pdf-container" ref="pdfContainer">
-            <canvas ref="pdfCanvas"></canvas>
-          </div>
-          <div class="pdf-controls">
-            <Button @click="zoomOut" :disabled="scale <= 0.5">-</Button>
-            <Button @click="prevPage" :disabled="currentPage <= 1" class="ml-2">
-              <LeftOutlined />
-            </Button>
-            <span class="page-info">{{ currentPage }} / {{ totalPages }}</span>
-            <Button @click="nextPage" :disabled="currentPage >= totalPages" class="ml-2">
-              <RightOutlined />
-            </Button>
-            <Button @click="zoomIn" :disabled="scale >= 3" class="ml-2">+</Button>
-          </div>
-        </div>
-        
-        <!-- 右侧审核结果 -->
-        <div class="tasks-container">
-          <Tabs v-model:activeKey="activeCollapseKeys[0]">
-            <TabPane 
-              v-for="(category, index) in filteredTaskResultDetail" 
-              :key="index.toString()" 
-              :tab="category.name + ' (' + category.results.length + ')'"
-            >
-              <div class="category-items">
-                <div class="items-card-list">
-                  <Card
-                    v-for="(item, idx) in category.results" 
-                    :key="getItemKey(index, idx, item)"
-                    class="item-card"
-                    :bordered="true"
-                    :bodyStyle="{ padding: activeItemKeys.includes(getItemKey(index, idx, item)) ? '16px' : '0', height: activeItemKeys.includes(getItemKey(index, idx, item)) ? 'auto' : '0', overflow: 'hidden', transition: 'all 0.3s' }"
-                  >
-                    <template #title>
-                      <div class="item-header-content" @click="toggleItemExpand(index, idx, item)">
-                        <div class="item-info">
-                          <span class="item-serial">{{ item.serialNumber }}</span>
-                          <span class="item-title">{{ item.existingIssues }}</span>
-                        </div>
-                        <div class="item-actions">
-                          <Switch
-                            :checked="item.isRead === '1'"
-                            checked-children="已读"
-                            un-checked-children="未读"
-                            :loading="loading && currentOpId === item.id && currentOpField === 'isRead'"
-                            @change="(checked: any) => handleStatusChange(item.id!, 'isRead', checked ? '1' : '0')"
-                            @click.stop
-                          />
-                          <Switch
-                            class="ml-3"
-                            :checked="item.isAdopted === '1'"
-                            checked-children="已采纳"
-                            un-checked-children="未采纳"
-                            :loading="loading && currentOpId === item.id && currentOpField === 'isAdopted'"
-                            @change="(checked: any) => handleStatusChange(item.id!, 'isAdopted', checked ? '1' : '0')"
-                            @click.stop
-                          />
-                          <DownOutlined v-if="!activeItemKeys.includes(getItemKey(index, idx, item))" class="expand-icon ml-3" />
-                          <UpOutlined v-else class="expand-icon ml-3" />
-                        </div>
-                      </div>
-                    </template>
-                    <div class="item-content" v-if="activeItemKeys.includes(getItemKey(index, idx, item))">
-                      <template v-for="(section, sectionIndex) in getContentSections(receivedTaskType, item)" :key="sectionIndex">
-                        <div v-if="getItemValue(item, section.field)" class="content-section">
-                          <div class="section-title">
-                            {{ section.title }}：
-                            <Button 
-                              type="link" 
-                              size="small" 
-                              class="copy-btn"
-                              @click.stop="copyContent(getItemValue(item, section.field))"
-                              v-if="getItemValue(item, section.field)"
-                            >
-                              <CopyOutlined /> 复制
-                            </Button>
-                          </div>
-                          <div
-                            class="section-content markdown-content"
-                            v-html="renderContent(section, getItemValue(item, section.field))"
-                            v-if="getItemValue(item, section.field)"
-                            @click="locateByText(getItemValue(item, section.field))"
-                          ></div>
-                          <div v-if="section.type === 'reviewPointsList' && section.field === 'reviewBasis' && item.reviewBasis && item.reviewBasis.reviewPoints && item.reviewBasis.reviewPoints.length">
-                            <Divider style="margin: 8px 0" />
-                            <ul class="review-points">
-                              <li v-for="(point, pointIdx) in item.reviewBasis.reviewPoints" :key="pointIdx">
-                                {{ point }}
-                              </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </template>
-                    </div>
-                  </Card>
-                </div>
-              </div>
-            </TabPane>
-          </Tabs>
-        </div>
-      </div>
-    </div>
-    <template #footer>
-      <div class="drawer-footer">
-        <div class="status-switches">
-          <Switch
-            :checked="expandReadItems"
-            checked-children="展开已读"
-            un-checked-children="折叠已读"
-            @change="(checked: any) => toggleExpandReadItems(checked)"
-          />
-          <Switch
-            class="ml-3"
-            :checked="expandAdoptedItems"
-            checked-children="展开已采纳"
-            un-checked-children="折叠已采纳"
-            @change="(checked: any) => toggleExpandAdoptedItems(checked)"
-          />
-        </div>
-        <Button type="primary" @click="handleClose">关闭</Button>
-      </div>
-    </template>
-    <PageSelectModal
-      :visible="showPageSelectModal"
-      :pages="matchedPages"
-      :onSelect="handlePageSelect"
-      :onClose="handlePageModalClose"
-    />
-  </Drawer>
+    :taskType="taskInfo.taskName || 'checkDocumentError'"
+    :taskResultDetail="taskResultDetail as any"
+    :taskInfo="taskInfo"
+    :getPdfStream="handleGetPdfStream"
+    :updateResultItemStatus="handleStatusChange"
+    @update:visible="$emit('update:visible', $event)"
+    @close="$emit('close')"
+  />
 </template>
 
 <script lang="ts" setup>
-  import { ref, watch, onMounted, computed, onBeforeUnmount, nextTick, h, resolveComponent } from 'vue';
-  import { Drawer, Button, Card, Switch, Divider, Tabs, TabPane, Modal } from 'ant-design-vue';
-  import { DownOutlined, UpOutlined, CopyOutlined, LeftOutlined, RightOutlined, AimOutlined } from '@ant-design/icons-vue';
+  import { type PropType } from 'vue';
+  import UniversalResultDrawer from '@/components/UniversalResultDrawer.vue';
   import { DocumentTaskResultDetailVO } from '@/api/documentReview/DocumentTaskResults/model';
   import { updateResultItemStatus, getPdfStream } from '@/api/documentReview/DocumentTaskResults';
-  import { message } from 'ant-design-vue';
-  import MarkdownIt from 'markdown-it';
-  import * as pdfjsLib from 'pdfjs-dist';
-  import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
-  import PageSelectModal from './PageSelectModal.vue';
-
-  // 设置PDF.js worker路径
-  pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.js';
 
   const props = defineProps({
     visible: {
@@ -184,843 +44,13 @@
 
   const emit = defineEmits(['update:visible', 'close']);
 
-  const md = new MarkdownIt({
-    html: true,
-    linkify: true,
-    typographer: true,
-    breaks: true,
-  });
-
-  const activeCollapseKeys = ref<string[]>(['0']);
-  const activeItemKeys = ref<string[]>([]);
-  const loading = ref<boolean>(false);
-  const currentOpId = ref<string>('');
-  const currentOpField = ref<string>('');
-  const expandReadItems = ref<boolean>(false);
-  const expandAdoptedItems = ref<boolean>(false);
-  const receivedTaskType = ref<string>('');
-
-  const pdfContainer = ref<HTMLElement | null>(null);
-  const pdfCanvas = ref<HTMLCanvasElement | null>(null);
-  let pdfDoc: PDFDocumentProxy | null = null;
-  const currentPage = ref(1);
-  const totalPages = ref(0);
-  const scale = ref(1);
-
-  const showPageSelectModal = ref(false);
-  const matchedPages = ref<number[]>([]);
-  const pendingText = ref('');
-
-  let currentRenderTask: any = null; // 记录当前渲染任务
-
-  const highlightText = ref<string | null>(null);
-
-  // 内容区域配置，定义不同类型任务显示哪些内容
-  interface ContentSectionConfig {
-    field: string;
-    title: string;
-    type?: 'markdown' | 'text' | 'reviewPointsList';
-    nestedFields?: string[];
-  }
-
-  // 全局默认配置，所有类型都默认显示这些字段
-  const defaultContentSections: ContentSectionConfig[] = [
-    { field: 'originalText', title: '原文', type: 'markdown' },
-    { field: 'comparedText', title: '比对原文', type: 'markdown' },
-    { field: 'modifiedContent', title: '修改后内容', type: 'markdown' },
-    { field: 'modificationDisplay', title: '修改情况', type: 'markdown' },
-    { field: 'existingIssues', title: '存在问题', type: 'markdown' },
-    { 
-      field: 'reviewBasis', 
-      title: '审查依据', 
-      type: 'reviewPointsList',
-      nestedFields: ['reviewContent', 'reviewPoints']
-    }
-  ];
-
-  // 不同类型任务的特定配置，可以覆盖或扩展默认配置
-  const taskTypeContentConfig: Record<string, ContentSectionConfig[]> = {
-
-    "checkCompanyName": [
-      { field: 'modificationDisplay', title: '相关原文', type: 'markdown' },
-    ],
-    "checkTitleName": [
-      { field: 'modificationDisplay', title: '相关原文', type: 'markdown' },
-    ],
-    "checkPlaceName": [
-      { field: 'modificationDisplay', title: '相关原文', type: 'markdown' },
-    ],
-    "checkRepeatText": [
-    { field: 'originalText', title: '第一段原文', type: 'markdown' },
-    { field: 'comparedText', title: '第二段原文', type: 'markdown' },
-    { field: 'modificationDisplay', title: '相似情况', type: 'markdown' },
-    ],
-    
-    "allCheckRepeatText": [
-    { field: 'originalText', title: '第一段原文', type: 'markdown' },
-    { field: 'comparedText', title: '第二段原文', type: 'markdown' },
-    { field: 'modificationDisplay', title: '相似情况', type: 'markdown' },
-    ],
-    "checkDocumentError": [
-      { field: 'originalText', title: '原文', type: 'markdown' },
-      { field: 'modifiedContent', title: '修改建议', type: 'markdown' },
-      { field: 'modificationDisplay', title: '修改情况', type: 'markdown' },
-    ],
-    // 可以添加更多任务类型的配置，如checkDocumentError、schemEvaluation等
-  };
-
-  // 根据任务类型获取内容配置
-  const getContentSections = (taskType: string | undefined, item: any): ContentSectionConfig[] => {
-    // 如果未提供类型或类型不存在，使用默认配置
-    if (!taskType) return defaultContentSections;
-    // 如果存在特定类型的配置则使用，否则使用默认配置
-    return taskTypeContentConfig[taskType] || defaultContentSections;
-  };
-
-  // 从项目中获取特定字段的值
-  const getItemValue = (item: any, field: string): any => {
-    if (!item || !field) return null;
-    
-    // 支持嵌套字段 如 "reviewBasis.reviewContent"
-    if (field.includes('.')) {
-      const parts = field.split('.');
-      let value = item;
-      for (const part of parts) {
-        if (value && typeof value === 'object') {
-          value = value[part];
-        } else {
-          return null;
-        }
-      }
-      return value;
-    }
-    
-    return item[field];
-  };
-
-  // 根据配置渲染内容
-  const renderContent = (section: ContentSectionConfig, value: any): string => {
-    if (!value) return '';
-    
-    if (section.type === 'markdown') {
-      return renderMarkdown(value);
-    }
-    
-    if (section.type === 'reviewPointsList' && section.nestedFields) {
-      let content = '';
-      
-      // 渲染reviewContent部分
-      if (section.nestedFields.includes('reviewContent') && value.reviewContent) {
-        content += renderMarkdown(value.reviewContent);
-      }
-      
-      return content;
-    }
-    
-    return value.toString().replace(/\n/g, '<br>');
-  };
-
-  // 根据条件过滤展示的结果
-  const filteredTaskResultDetail = computed(() => {
-    if (props.taskResultDetail.length <= 0) {
-      return [];
-    }
-
-    // 如果只有两个或更少的类别，或者第一个类别的results数量<=5个，只展示第一个类别
-    if (props.taskResultDetail.length <= 2 || 
-        (props.taskResultDetail[0] && props.taskResultDetail[0].results && 
-         props.taskResultDetail[0].results.length <= 5)) {
-      return [props.taskResultDetail[0]];
-    }
-
-    return props.taskResultDetail;
-  });
-
-  // 生成审核项的唯一key
-  const getItemKey = (categoryIndex: number, itemIndex: number, item: any) => {
-    return item.id ? item.id : `${categoryIndex}-${itemIndex}`;
-  };
-
-  // 根据过滤条件更新折叠状态
-  const updateActiveItemKeys = () => {
-    const newActiveKeys: string[] = [];
-    
-    filteredTaskResultDetail.value.forEach((category, categoryIndex) => {
-      category.results.forEach((item, itemIndex) => {
-        const itemKey = getItemKey(categoryIndex, itemIndex, item);
-        const isRead = item.isRead === '1';
-        const isAdopted = item.isAdopted === '1';
-        
-        // 如果项目未读且未采纳，或符合展开条件，则展开
-        if ((!isRead && !isAdopted) || 
-            (isRead && expandReadItems.value) || 
-            (isAdopted && expandAdoptedItems.value)) {
-          newActiveKeys.push(itemKey);
-        }
-      });
-    });
-    
-    activeItemKeys.value = newActiveKeys;
-  };
-
-  // 切换展开已读项
-  const toggleExpandReadItems = (checked: any) => {
-    expandReadItems.value = !!checked;
-    updateActiveItemKeys();
-  };
-
-  // 切换展开已采纳项
-  const toggleExpandAdoptedItems = (checked: any) => {
-    expandAdoptedItems.value = !!checked;
-    updateActiveItemKeys();
-  };
-
-  // 切换项目展开/折叠
-  const toggleItemExpand = (categoryIndex: number, itemIndex: number, item: any) => {
-    const itemKey = getItemKey(categoryIndex, itemIndex, item);
-    const index = activeItemKeys.value.indexOf(itemKey);
-    
-    if (index > -1) {
-      activeItemKeys.value.splice(index, 1);
-    } else {
-      activeItemKeys.value.push(itemKey);
-    }
-  };
-
-  const renderMarkdown = (text) => {
-    if (!text) return '';
-    
-    // 确保在Markdown处理前将普通换行符转换为Markdown换行（添加两个空格后的换行）
-    // 这样即使不是段落分隔的换行也能正确显示
-    const processedText = text.replace(/\n/g, '  \n');
-    return md.render(processedText);
-  };
-
-  // 加载PDF文件
-  const loadPdf = async (taskId: string) => {
-    try {
-      const pdfBlob = await getPdfStream(taskId);
-      const arrayBuffer = await pdfBlob.arrayBuffer();
-      const loadingTask = pdfjsLib.getDocument({ data: arrayBuffer });
-      const doc = await loadingTask.promise;
-      if (doc) {
-        pdfDoc = doc;
-        totalPages.value = doc.numPages;
-        currentPage.value = 1;
-        await nextTick();
-        await renderPage(1);
-      }
-    } catch (error) {
-      console.error('加载PDF失败:', error);
-      message.error('加载PDF失败');
-    }
-  };
-
-  // 渲染当前页面
-  const renderPage = async (num: number, highlightStr?: string) => {
-    if (!pdfDoc || !pdfCanvas.value || !pdfContainer.value) return;
-
-    try {
-      const page = await pdfDoc.getPage(num);
-      const canvas = pdfCanvas.value;
-      const ctx = canvas.getContext('2d');
-      if (!ctx) return;
-
-      // 计算自适应缩放比例，保证页面完整显示
-      const containerWidth = pdfContainer.value.clientWidth || 800;
-      const baseViewport = page.getViewport({ scale: 1 });
-      const scaleRatio = ((containerWidth - 48) / baseViewport.width) * scale.value; // 结合自适应和用户缩放
-      const viewport = page.getViewport({ scale: scaleRatio });
-
-      canvas.width = viewport.width;
-      canvas.height = viewport.height;
-      canvas.style.width = `${viewport.width}px`;
-      canvas.style.height = `${viewport.height}px`;
-
-      // 关键：如果有上一次渲染任务，先取消
-      if (currentRenderTask) {
-        try { currentRenderTask.cancel(); } catch (e) {}
-      }
-
-      const renderContext = {
-        canvasContext: ctx,
-        viewport: viewport,
-      };
-
-      currentRenderTask = page.render(renderContext);
-      await currentRenderTask.promise;
-      currentRenderTask = null;
-
-      // ====== 高亮文本实现 ======
-      if (highlightStr) {
-        await highlightTextOnPage(page, ctx, viewport, highlightStr);
-      }
-    } catch (error) {
-      currentRenderTask = null;
-      // 如果是RenderingCancelledException，不提示错误
-      if (error && error.name === 'RenderingCancelledException') {
-        return;
-      }
-      console.error('渲染PDF页面失败:', error);
-      message.error('渲染PDF页面失败');
-    }
-  };
-
-  // 上一页
-  const prevPage = async () => {
-    if (currentPage.value > 1) {
-      currentPage.value--;
-      await renderPage(currentPage.value);
-    }
+  // PDF相关处理函数
+  const handleGetPdfStream = async (taskId: string) => {
+    return await getPdfStream(taskId);
   };
 
-  // 下一页
-  const nextPage = async () => {
-    if (currentPage.value < totalPages.value) {
-      currentPage.value++;
-      await renderPage(currentPage.value);
-    }
-  };
-
-
-  // 监听props变化，初始化数据
-  watch(() => props.visible, (newVal) => {
-    if (newVal && props.taskResultDetail) {
-      initData();
-      if (props.taskInfo?.id) {
-        loadPdf(props.taskInfo.id);
-      }
-    }
-  });
-
-  // 初始化数据
-  const initData = async () => {
-    loading.value = true;
-    try {
-      if (props.taskResultDetail) {
-        // 存储接收到的任务类型
-        receivedTaskType.value = props.taskInfo.taskName || '';
-        console.log('receivedTaskType', receivedTaskType.value);
-        
-        // 默认选中第一个分类
-        if (props.taskResultDetail.length > 0) {
-          activeCollapseKeys.value = ['0'];
-        }
-        
-        // 初始化项目折叠状态
-        updateActiveItemKeys();
-      }
-    } catch (error) {
-      console.error('初始化详情抽屉时出错', error);
-    } finally {
-      loading.value = false;
-    }
-  };
-
-  const handleClose = () => {
-    emit('update:visible', false);
-    emit('close');
-  };
-
-  async function handleStatusChange(id: string, field: 'isRead' | 'isAdopted', value: '0' | '1') {
-    if (!id) {
-      message.error('缺少记录ID，无法更新状态');
-      return;
-    }
-    
-    loading.value = true;
-    currentOpId.value = id;
-    currentOpField.value = field;
-    
-    try {
-      await updateResultItemStatus(id, field, value);
-      // message.success(`状态更新成功`);
-      
-      // 更新本地状态
-      props.taskResultDetail.forEach(category => {
-        category.results.forEach(item => {
-          if (item.id === id) {
-            item[field] = value;
-          }
-        });
-      });
-      
-      // 更新折叠状态
-      updateActiveItemKeys();
-    } catch (error) {
-      console.error('更新状态失败', error);
-      message.error('更新状态失败');
-    } finally {
-      loading.value = false;
-      currentOpId.value = '';
-      currentOpField.value = '';
-    }
-  }
-
-  // 监听状态变化，更新折叠状态
-  watch([expandReadItems, expandAdoptedItems], () => {
-    updateActiveItemKeys();
-  });
-
-  // 复制内容到剪贴板
-  const copyContent = (content: any) => {
-    if (!content) return;
-    
-    // 如果是对象，可能需要特殊处理
-    let textToCopy = '';
-    
-    if (typeof content === 'object') {
-      // 例如 reviewBasis 对象的特殊处理
-      if (content.reviewContent) {
-        textToCopy = content.reviewContent;
-        
-        // 如果有审查要点，也添加到复制内容中
-        if (content.reviewPoints && content.reviewPoints.length) {
-          textToCopy += '\n\n审查要点:\n';
-          content.reviewPoints.forEach((point, index) => {
-            textToCopy += `${index + 1}. ${point}\n`;
-          });
-        }
-      } else {
-        // 其他对象类型转为JSON字符串
-        try {
-          textToCopy = JSON.stringify(content, null, 2);
-        } catch (e) {
-          textToCopy = String(content);
-        }
-      }
-    } else {
-      // 字符串或其他类型直接转换
-      textToCopy = String(content);
-    }
-    
-    // 复制到剪贴板
-    navigator.clipboard.writeText(textToCopy)
-      .then(() => {
-        message.success('内容已复制到剪贴板');
-      })
-      .catch((err) => {
-        console.error('复制失败:', err);
-        message.error('复制失败，请手动选择并复制');
-        
-        // 备用复制方法（兼容性更好但不太推荐）
-        const textarea = document.createElement('textarea');
-        textarea.value = textToCopy;
-        document.body.appendChild(textarea);
-        textarea.select();
-        try {
-          document.execCommand('copy');
-          message.success('内容已复制到剪贴板');
-        } catch (e) {
-          console.error('备用复制方法失败:', e);
-          message.error('复制失败，请手动选择并复制');
-        }
-        document.body.removeChild(textarea);
-      });
+  // 状态变更处理
+  const handleStatusChange = async (id: string, field: string, value: string) => {
+    return await updateResultItemStatus(id, field as 'isRead' | 'isAdopted', value as '0' | '1');
   };
-
-  // 组件卸载前清理资源
-  onBeforeUnmount(() => {
-    if (pdfDoc) {
-      pdfDoc.destroy();
-    }
-  });
-
-  onMounted(() => {
-    // 初始化后执行的代码
-  });
-
-  const zoomIn = () => {
-    if (scale.value < 3) {
-      scale.value += 0.1;
-      renderPage(currentPage.value);
-    }
-  };
-
-  const zoomOut = () => {
-    if (scale.value > 0.5) {
-      scale.value -= 0.1;
-      renderPage(currentPage.value);
-    }
-  };
-
-  const handlePageSelect = async (page: number) => {
-    currentPage.value = page;
-    // 使用清除了**标记的文本进行高亮
-    await renderPage(page, highlightText.value);
-    showPageSelectModal.value = false;
-    message.success(`已定位到第${page}页`);
-  };
-
-  const handlePageModalClose = () => {
-    showPageSelectModal.value = false;
-  };
-
-  const locateByText = async (text: string) => {
-    if (!pdfDoc || !text) return;
-    
-    // 去除Markdown格式中的**标记
-    const cleanText = text.replace(/\*\*/g, '');
-    
-    const numPages = pdfDoc.numPages;
-    const foundPages: number[] = [];
-    
-    // 搜索所有页面
-    for (let i = 1; i <= numPages; i++) {
-      const page = await pdfDoc.getPage(i);
-      const content = await page.getTextContent();
-      const pageText = content.items.map((item: any) => item.str).join('');
-      
-      // 去除空格后比较文本
-      // 标准化文本，移除所有非文本字符
-      const normalizeText = (text: string) => {
-        return text
-          .replace(/[\r\n\t\f\v]/g, '') // 移除所有换行和不可见字符
-          .replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '') // 只保留中文、英文和数字
-          .toLowerCase(); // 转换为小写以进行不区分大小写的比较
-      };
-
-      const normalizedPageText = normalizeText(pageText);
-      const normalizedSearchText = normalizeText(cleanText);
-      
-      if (normalizedPageText.includes(normalizedSearchText)) {
-        foundPages.push(i);
-      }
-    }
-    
-    if (foundPages.length === 0) {
-      message.warning('未在PDF中找到该文本');
-      return;
-    }
-    
-    // 保存要高亮的文本（去除**标记后的）
-    highlightText.value = cleanText;
-    
-    // 如果只找到一个页面，直接跳转并高亮
-    if (foundPages.length === 1) {
-      currentPage.value = foundPages[0];
-      await renderPage(foundPages[0], cleanText);
-      message.success(`已定位到第${foundPages[0]}页`);
-      return;
-    }
-    
-    // 如果找到多个页面，弹出选择对话框
-    matchedPages.value = foundPages;
-    showPageSelectModal.value = true;
-  };
-
-  // 高亮整段文本
-  async function highlightTextOnPage(page, ctx, viewport, targetText) {
-    if (!targetText) return;
-    
-    // 确保去除**标记
-    const cleanTargetText = targetText.replace(/\*\*/g, '');
-    
-    const textContent = await page.getTextContent();
-    const items = textContent.items as any[];
-    
-    // 连接所有文本项，但不移除空格，以保持更好的匹配精度
-    const pageTextWithSpaces = items.map(i => i.str).join('');
-    const pageText = pageTextWithSpaces.replace(/\s/g, '');
-    const target = cleanTargetText.replace(/\s/g, '');
-    
-    // 尝试在页面文本中查找目标文本
-    const startIdx = pageText.indexOf(target);
-    if (startIdx === -1) return;
-    
-    // 反查属于哪些item
-    let charCount = 0;
-    let highlightItems: any[] = [];
-    let highlightStarted = false;
-    let highlightLength = 0;
-    
-    for (let item of items) {
-      const itemTextNoSpace = item.str.replace(/\s/g, '');
-      if (!highlightStarted && charCount + itemTextNoSpace.length > startIdx) {
-        highlightStarted = true;
-      }
-      
-      if (highlightStarted && highlightLength < target.length) {
-        highlightItems.push(item);
-        highlightLength += itemTextNoSpace.length;
-        if (highlightLength >= target.length) break;
-      }
-      
-      charCount += itemTextNoSpace.length;
-    }
-    
-    // 绘制高亮
-    ctx.save();
-    ctx.globalAlpha = 0.4;
-    ctx.fillStyle = '#ffd54f';
-    
-    for (let item of highlightItems) {
-      const transform = item.transform;
-      const x = transform[4]; // e
-      const y = transform[5]; // f
-      
-      // 通过viewport变换
-      const pt = viewport.convertToViewportPoint(x, y);
-      
-      // pdf.js的y是基线，需调整
-      const height = item.height || item.fontSize || 10;
-      const width = item.width || (item.str.length * (item.fontSize || 10) * 0.6);
-      
-      ctx.fillRect(pt[0], pt[1] - height, width, height + 2); // 稍微扩大高亮区域以便更容易看见
-    }
-    
-    ctx.restore();
-  }
-</script>
-
-<style lang="less" scoped>
-  :deep(.ant-drawer-body) {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    overflow: hidden;
-  }
-
-  .document-review-container,
-  .tasks-container,
-  :deep(.ant-tabs),
-  :deep(.ant-tabs-content),
-  :deep(.ant-tabs-tabpane),
-  .category-items {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  :deep(.ant-tabs-nav) {
-    flex-shrink: 0;
-    background: #fff;
-    z-index: 2;
-  }
-
-  .items-card-list {
-    flex: 1;
-    overflow-y: auto;
-    padding: 16px;
-    min-height: 0;
-  }
-
-  :deep(.ant-tabs-tab) {
-    padding: 8px 16px;
-    font-weight: 500;
-  }
-
-  .item-card {
-    width: 100%;
-    margin-bottom: 10px;
-    cursor: pointer;
-  }
-
-  .expand-icon {
-    font-size: 12px;
-    color: rgba(0, 0, 0, 0.45);
-  }
-
-  .item-header-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-  }
-
-  .item-info {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .item-serial {
-    margin-right: 12px;
-    font-weight: bold;
-    color: #1890ff;
-  }
-
-  .item-title {
-    font-weight: 500;
-    font-size: 14px;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .item-actions {
-    display: flex;
-    align-items: center;
-    margin-left: 16px;
-    flex-shrink: 0;
-  }
-
-  .item-content {
-    padding: 16px;
-  }
-
-  .content-section {
-    margin-bottom: 16px;
-  }
-
-  .section-title {
-    font-weight: 500;
-    margin-bottom: 8px;
-    color: #333;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .copy-btn {
-    padding: 0 4px;
-    font-size: 12px;
-    height: 24px;
-    
-    :deep(.anticon) {
-      font-size: 12px;
-    }
-  }
-
-  .section-content {
-    padding: 0 0 0 24px;
-    background-color: #f9fbfd;
-    border-radius: 4px;
-    padding: 12px;
-    white-space: pre-wrap;
-    max-height: 300px;
-    overflow: auto;
-  }
-
-  .markdown-content {
-    :deep(p) {
-      margin-bottom: 8px;
-    }
-
-    :deep(ul), :deep(ol) {
-      padding-left: 24px;
-    }
-
-    :deep(h1), :deep(h2), :deep(h3), :deep(h4), :deep(h5), :deep(h6) {
-      margin-top: 16px;
-      margin-bottom: 8px;
-    }
-
-    :deep(code) {
-      background-color: #f5f5f5;
-      padding: 2px 4px;
-      border-radius: 4px;
-    }
-
-    :deep(pre) {
-      background-color: #f5f5f5;
-      padding: 12px;
-      border-radius: 4px;
-      overflow: auto;
-    }
-
-    :deep(blockquote) {
-      border-left: 4px solid #ddd;
-      padding-left: 16px;
-      color: #666;
-      margin: 16px 0;
-    }
-
-    :deep(table) {
-      border-collapse: collapse;
-      width: 100%;
-      margin: 16px 0;
-
-      th, td {
-        border: 1px solid #e8e8e8;
-        padding: 8px 12px;
-      }
-
-      th {
-        background-color: #f8f8f8;
-        font-weight: 500;
-      }
-    }
-  }
-
-  .review-points {
-    list-style-type: disc;
-    padding-left: 24px;
-
-    li {
-      margin-bottom: 4px;
-    }
-  }
-
-  .ml-3 {
-    margin-left: 12px;
-  }
-
-  .drawer-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-  }
-
-  .status-switches {
-    display: flex;
-    align-items: center;
-  }
-
-  .split-layout {
-    display: flex;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  .pdf-preview {
-    width: 50%;
-    height: 100%;
-    border-right: 1px solid #e8e8e8;
-    display: flex;
-    flex-direction: column;
-    background: #f5f5f5;
-  }
-
-  .pdf-container {
-    flex: 1;
-    overflow: auto;
-    display: block;
-    padding: 24px 0;
-    background: #f5f5f5;
-
-    canvas {
-      background: #fff;
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-      border-radius: 6px;
-      display: block;
-    }
-  }
-
-  .pdf-controls {
-    padding: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: white;
-    border-top: 1px solid #e8e8e8;
-
-    .page-info {
-      margin: 0 16px;
-      color: rgba(0, 0, 0, 0.65);
-    }
-  }
-
-  .tasks-container {
-    width: 50%;
-    height: 100%;
-    overflow: hidden;
-  }
-</style> 
\ No newline at end of file
+</script> 
\ No newline at end of file