1、调整合同

2、调整项目
3、调整客商

src/views/business/contract-manage.vue

@@ -424,7 +424,7 @@
           <el-table :data="paymentRatioRows" border>
             <el-table-column type="index" label="序号" width="80" align="center" />
             <el-table-column prop="paymentTerm" label="付款笔数" min-width="180" align="center" />
-            <el-table-column label="付款比例上限" min-width="220" align="center">
+            <el-table-column label="付款比例上限（%）" min-width="220" align="center">
               <template #default="{ row }">
                 <el-input
                   v-model="row.ratioLimit"
@@ -541,8 +541,17 @@
       width="90%"
       top="4vh"
     >
+      <pdf-preview
+        v-if="
+          attachmentDocumentPreviewVisible &&
+          attachmentPreviewFile.url &&
+          attachmentPreviewFile.isPdf
+        "
+        :source="attachmentPreviewFile.url"
+        @error="handleAttachmentPreviewError"
+      />
       <open-file-viewer
-        v-if="attachmentDocumentPreviewVisible && attachmentPreviewFile.url"
+        v-else-if="attachmentDocumentPreviewVisible && attachmentPreviewFile.url"
         :file="attachmentPreviewFile.url"
         :file-name="attachmentPreviewFile.name"
         :mime-type="attachmentPreviewFile.mimeType"
@@ -706,7 +715,7 @@
           <el-table :data="detailPaymentRatioRows" border>
             <el-table-column type="index" label="序号" width="80" align="center" />
             <el-table-column prop="paymentTerm" label="付款笔数" min-width="180" align="center" />
-            <el-table-column label="付款比例上限" min-width="220" align="center">
+            <el-table-column label="付款比例上限（%）" min-width="220" align="center">
               <template #default="{ row }">{{
                 detailObjectUnitValue(row, 'ratioLimit', '%')
               }}</template>
@@ -791,15 +800,10 @@ import { config, option } from '@/option/business/contract-manage';
 import { getToken } from '@/utils/auth';
 import { downloadFileByUrl, downloadXls } from '@/utils/util';
 import BillingPlanEditor from './components/billing-plan-editor.vue';
+import PdfPreview from '@/components/pdf-preview/main.vue';
 import { ElImageViewer } from 'element-plus';
 import { OpenFileViewer } from '@open-file-viewer/vue';
-import {
-  fallbackPlugin,
-  imagePlugin,
-  officePlugin,
-  pdfPlugin,
-  textPlugin,
-} from '@open-file-viewer/core';
+import { fallbackPlugin, imagePlugin, officePlugin, textPlugin } from '@open-file-viewer/core';
 import '@open-file-viewer/core/style.css';
 import pdfWorkerSrc from 'pdfjs-dist/build/pdf.worker.mjs?url';
 
@@ -879,6 +883,10 @@ const attachmentExtension = row => {
 };
 const isAttachmentImage = row =>
   ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'].includes(attachmentExtension(row));
+const isAttachmentPdf = row => {
+  const mimeType = String(row.mimeType || row.contentType || '').toLowerCase();
+  return mimeType.includes('application/pdf') || attachmentExtension(row) === 'pdf';
+};
 const attachmentFileTypes = [
   'pdf',
   'bmp',
@@ -897,7 +905,6 @@ const attachmentFileTypes = [
 ];
 const attachmentViewerPlugins = [
   imagePlugin(),
-  pdfPlugin({ workerSrc: pdfWorkerSrc, useFetchData: true }),
   officePlugin({ pdf: { workerSrc: pdfWorkerSrc, useFetchData: true } }),
   textPlugin(),
   fallbackPlugin(),
@@ -1090,7 +1097,7 @@ const AttachmentSection = defineComponent({
 
 export default {
   name: 'ContractManage',
-  components: { AttachmentSection, BillingPlanEditor, ElImageViewer, OpenFileViewer },
+  components: { AttachmentSection, BillingPlanEditor, ElImageViewer, OpenFileViewer, PdfPreview },
   data() {
     return {
       api,
@@ -1757,10 +1764,12 @@ export default {
         this.attachmentImagePreviewVisible = true;
         return;
       }
+      const isPdf = isAttachmentPdf(row);
       this.attachmentPreviewFile = {
         name: attachmentName(row),
         url,
-        mimeType: row.mimeType || row.contentType || '',
+        mimeType: isPdf ? 'application/pdf' : row.mimeType || row.contentType || '',
+        isPdf,
       };
       this.attachmentDocumentPreviewVisible = true;
     },