From 404cd04a7ea1e749e82dd1224ea4592b20f2011f Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Wed, 7 Jan 2026 20:32:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=87=87=E8=B4=AD=E5=90=88?=
 =?UTF-8?q?=E5=90=8C=E5=AA=92=E4=BD=93=E4=BF=A1=E6=81=AF=E5=92=8C=E4=BB=98?=
 =?UTF-8?q?=E6=AC=BE=E4=BF=A1=E6=81=AF=E4=B8=8D=E8=83=BD=E8=A2=AB=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../contract/detail/AEprocurementContract.vue | 219 ++++++++----------
 1 file changed, 103 insertions(+), 116 deletions(-)

diff --git a/src/views/contract/detail/AEprocurementContract.vue b/src/views/contract/detail/AEprocurementContract.vue
index b36da6e..811b161 100644
--- a/src/views/contract/detail/AEprocurementContract.vue
+++ b/src/views/contract/detail/AEprocurementContract.vue
@@ -44,76 +44,88 @@
       <!-- 媒体信息开始 -->
       <template #purchaseMediaBoList>
         <div class="table-container">
-          <el-table
-            :data="visibleMediaData"
-            :key="'media-table-' + tableKey"
-            style="width: 100%"
-            height="400"
-            show-summary
-            :summary-method="mediaTypeSummary"
-          >
-            <el-table-column
-              v-for="column in mediaListColumns"
-              :key="column.dataIndex"
-              :prop="column.dataIndex"
-              :label="column.title"
-              :width="column.width"
-            >
+          <el-table :data="visibleMediaData" :key="'media-table-' + tableKey" style="width: 100%" height="400"
+            show-summary :summary-method="mediaTypeSummary">
+            <el-table-column v-for="column in mediaListColumns" :key="column.dataIndex" :prop="column.dataIndex"
+              :label="column.title" :width="column.width">
               <template #default="scope">
                 <template v-if="column.slot">
                   <!-- 城市选择 -->
                   <template v-if="column.dataIndex === 'cityId'">
-                    <el-custom-cascader
-                      v-model="scope.row.cityIds"
-                      :dataSource="cityList"
+                    <el-custom-cascader v-model="scope.row.cityIds" :dataSource="cityList"
                       :cascaderStyle="{ width: '100%' }"
-                      @change="(v, t) => { scope.row.cityId = v; scope.row.cityName = t; }"
-                    />
+                      @change="(v, t) => { scope.row.cityId = v; scope.row.cityName = t; }" />
                   </template>
-                  
+
                   <!-- 媒体类型 -->
                   <template v-else-if="column.dataIndex === 'mediaId'">
-                    <el-custom-select
-                      v-model="scope.row.mediaId"
-                      :dataSource="mediaTypeList"
-                      :remoteAdd="handleAddMediaTypeParty"
-                      @change="(v, t) => (scope.row.mediaName = t)"
-                    />
+                    <el-custom-select v-model="scope.row.mediaId" :dataSource="mediaTypeList"
+                      :remoteAdd="handleAddMediaTypeParty" @change="(v, t) => (scope.row.mediaName = t)" />
                   </template>
-                  
+
+                  <!-- 媒体位置 -->
+                  <template v-else-if="column.dataIndex === 'mediaPosition'">
+                    <el-input v-model="scope.row.mediaPosition"></el-input>
+                  </template>
+
+                  <!-- 采购数量 -->
+                  <template v-else-if="column.dataIndex === 'accountNumber'">
+                    <el-input type="number" v-model="scope.row.accountNumber"></el-input>
+                  </template>
+
+                  <!-- 发布频次 -->
+                  <template v-else-if="column.dataIndex === 'releaseFrequency'">
+                    <el-input v-model="scope.row.releaseFrequency"></el-input>
+                  </template>
+
                   <!-- 上刊时间 -->
                   <template v-else-if="column.dataIndex === 'upTime'">
-                    <el-date-picker
-                      v-model="scope.row.upTime"
-                      value-format="yyyy-MM-dd"
-                      style="width: 100%"
-                    />
+                    <el-date-picker v-model="scope.row.upTime" value-format="yyyy-MM-dd" style="width: 100%" />
                   </template>
-                  
+
                   <!-- 下刊时间 -->
                   <template v-else-if="column.dataIndex === 'downTime'">
-                    <el-date-picker
-                      v-model="scope.row.downTime"
-                      value-format="yyyy-MM-dd"
-                      style="width: 100%"
-                    />
+                    <el-date-picker v-model="scope.row.downTime" value-format="yyyy-MM-dd" style="width: 100%" />
                   </template>
-                  
+
                   <!-- 周期 -->
                   <template v-else-if="column.dataIndex === 'period'">
                     {{ delayPeriodDate(scope.row) }}
                   </template>
-                  
+
+                  <!-- 刊例价 -->
+                  <template v-else-if="column.dataIndex === 'printPrice'">
+                    <el-input type="number" v-model="scope.row.printPrice"></el-input>
+                  </template>
+
+                  <!-- 刊例价单位 -->
+                  <template v-else-if="column.dataIndex === 'printPriceUnit'">
+                    <el-input v-model="scope.row.printPriceUnit"></el-input>
+                  </template>
+
                   <!-- 折扣 -->
                   <template v-else-if="column.dataIndex === 'discount'">
                     <div class="flexRowCenter">
-                      <el-input
-                        v-model="scope.row.discount"
-                        @change="handleNumberChange(scope.row.discount, $event)"
-                      ></el-input>
+                      <el-input v-model="scope.row.discount"
+                        @change="handleNumberChange(scope.row.discount, $event)"></el-input>
                     </div>
                   </template>
-                  
+
+                  <!-- 媒体费 -->
+                  <template v-else-if="column.dataIndex === 'mediaFee'">
+                    <el-input type="number" v-model="scope.row.mediaFee"></el-input>
+                  </template>
+
+                  <!-- 制作费 -->
+                  <template v-else-if="column.dataIndex === 'productFee'">
+                    <el-input type="number" v-model="scope.row.productFee"></el-input>
+                  </template>
+
+                  <!-- 备注 -->
+                  <template v-else-if="column.dataIndex === 'remark'">
+                    <el-input type="textarea" v-model="scope.row.remark"></el-input>
+                  </template>
+
                   <!-- 默认显示 -->
                   <template v-else>
                     {{ scope.row[column.dataIndex] }}
@@ -124,7 +136,7 @@
                 </template>
               </template>
             </el-table-column>
-            
+
             <el-table-column label="操作" width="100">
               <template #default="scope">
                 <el-button link type="danger" @click="removeMediaRow(scope.$index)">
@@ -133,18 +145,12 @@
               </template>
             </el-table-column>
           </el-table>
-          
+
           <div class="table-actions">
             <el-button type="primary" @click="addMediaRow">新增媒体</el-button>
-            <el-pagination
-              v-if="mediaTableData.length > pageSize"
-              small
-              layout="prev, pager, next"
-              :total="mediaTableData.length"
-              :page-size="pageSize"
-              :current-page="mediaCurrentPage"
-              @current-change="handleMediaPageChange"
-            />
+            <el-pagination v-if="mediaTableData.length > pageSize" small layout="prev, pager, next"
+              :total="mediaTableData.length" :page-size="pageSize" :current-page="mediaCurrentPage"
+              @current-change="handleMediaPageChange" />
           </div>
         </div>
       </template>
@@ -153,21 +159,10 @@
       <!-- 付款管理开始 -->
       <template #purchasePaymentBoList>
         <div class="table-container">
-          <el-table
-            :data="visiblePaymentData"
-            :key="'payment-table-' + tableKey"
-            style="width: 100%"
-            height="400"
-            show-summary
-            :summary-method="paymentSummary"
-          >
-            <el-table-column
-              v-for="column in contranctPayListColumns"
-              :key="column.dataIndex"
-              :prop="column.dataIndex"
-              :label="column.title"
-              :width="column.width"
-            >
+          <el-table :data="visiblePaymentData" :key="'payment-table-' + tableKey" style="width: 100%" height="400"
+            show-summary :summary-method="paymentSummary">
+            <el-table-column v-for="column in contranctPayListColumns" :key="column.dataIndex" :prop="column.dataIndex"
+              :label="column.title" :width="column.width">
               <template #default="scope">
                 <template v-if="column.slot">
                   <!-- 笔数 -->
@@ -180,25 +175,26 @@
                       <el-option value="第5笔" label="第5笔"></el-option>
                     </el-select>
                   </template>
-                  
+
                   <!-- 约定付款时间 -->
                   <template v-else-if="column.dataIndex === 'payTime'">
-                    <el-date-picker
-                      v-model="scope.row.payTime"
-                      value-format="yyyy-MM-dd"
-                      style="width: 100%"
-                    />
+                    <el-date-picker v-model="scope.row.payTime" value-format="yyyy-MM-dd" style="width: 100%" />
                   </template>
-                  
+                  <!-- 约定付款金额 -->
+                  <template v-else-if="column.dataIndex === 'conventionArrivalMoney'">
+                    <el-input type="number" v-model="scope.row.conventionArrivalMoney"></el-input>
+                  </template>
+
                   <!-- 实际付款时间 -->
                   <template v-else-if="column.dataIndex === 'arrivalTime'">
-                    <el-date-picker
-                      v-model="scope.row.arrivalTime"
-                      value-format="yyyy-MM-dd"
-                      style="width: 100%"
-                    />
+                    <el-date-picker v-model="scope.row.arrivalTime" value-format="yyyy-MM-dd" style="width: 100%" />
                   </template>
-                  
+
+                  <!-- 实际付款金额 -->
+                  <template v-else-if="column.dataIndex === 'actualArrivalMoney'">
+                    <el-input type="number" v-model="scope.row.actualArrivalMoney"></el-input>
+                  </template>
+
                   <!-- 是否逾期 -->
                   <template v-else-if="column.dataIndex === 'isOverdue'">
                     <el-select v-model="scope.row.isOverdue">
@@ -206,21 +202,18 @@
                       <el-option :value="1" label="是"></el-option>
                     </el-select>
                   </template>
-                  
+
                   <!-- 逾期时间 -->
                   <template v-else-if="column.dataIndex === 'overdueDay'">
                     {{ delayDate(scope.row) }}
                   </template>
-                  
+
                   <!-- 附件 -->
                   <template v-else-if="column.dataIndex === 'annex'">
-                    <el-file-upload
-                      :key="`annex_${scope.row.id || scope.row.tempId}_${tableKey}`"
-                      listType="list"
-                      :uploadStyle="{ width: '336px' }"
-                    />
+                    <el-file-upload :key="`annex_${scope.row.id || scope.row.tempId}_${tableKey}`" listType="list"
+                      :uploadStyle="{ width: '336px' }" />
                   </template>
-                  
+
                   <!-- 默认显示 -->
                   <template v-else>
                     {{ scope.row[column.dataIndex] }}
@@ -231,7 +224,7 @@
                 </template>
               </template>
             </el-table-column>
-            
+
             <el-table-column label="操作" width="100">
               <template #default="scope">
                 <el-button link type="danger" @click="removePaymentRow(scope.$index)">
@@ -240,18 +233,12 @@
               </template>
             </el-table-column>
           </el-table>
-          
+
           <div class="table-actions">
             <el-button type="primary" @click="addPaymentRow">新增付款</el-button>
-            <el-pagination
-              v-if="paymentTableData.length > pageSize"
-              small
-              layout="prev, pager, next"
-              :total="paymentTableData.length"
-              :page-size="pageSize"
-              :current-page="paymentCurrentPage"
-              @current-change="handlePaymentPageChange"
-            />
+            <el-pagination v-if="paymentTableData.length > pageSize" small layout="prev, pager, next"
+              :total="paymentTableData.length" :page-size="pageSize" :current-page="paymentCurrentPage"
+              @current-change="handlePaymentPageChange" />
           </div>
         </div>
       </template>
@@ -366,14 +353,14 @@ export default {
       }
       return total;
     },
-    
+
     // 可见的媒体数据（分页）
     visibleMediaData() {
       const start = (this.mediaCurrentPage - 1) * this.pageSize;
       const end = start + this.pageSize;
       return this.mediaTableData.slice(start, end);
     },
-    
+
     // 可见的付款数据（分页）
     visiblePaymentData() {
       const start = (this.paymentCurrentPage - 1) * this.pageSize;
@@ -403,19 +390,19 @@ export default {
     processColumns(columns) {
       return columns.map(column => ({
         ...column,
-        slot: !!column.scopedSlots || ['cityId', 'mediaId', 'upTime', 'downTime', 'period', 'discount', 
-              'transactionsNumber', 'payTime', 'arrivalTime', 'isOverdue', 'overdueDay', 'annex'].includes(column.dataIndex)
+        slot: !!column.scopedSlots || ['cityId', 'mediaId', 'upTime', 'downTime', 'period', 'discount', 'mediaPosition', 'accountNumber', 'releaseFrequency', 'printPrice', 'printPriceUnit', 'mediaFee', 'productFee', 'remark',
+          'transactionsNumber', 'payTime', 'arrivalTime', 'isOverdue', 'overdueDay', 'annex', 'conventionArrivalMoney', 'actualArrivalMoney'].includes(column.dataIndex)
       }));
     },
 
     async getDetailData(id) {
       if (this._loading) return;
-      
+
       this._loading = true;
       try {
         // 先重置表单
         this.resetFormData();
-        
+
         const res = await getAction(`/system/purchase/${id}`);
         if (!res.data) {
           console.error('获取到的数据为空');
@@ -429,7 +416,7 @@ export default {
         // 处理表格数据 - 限制数据量
         let mediaData = [];
         let paymentData = [];
-        
+
         if (formModel.purchaseMediaVoList && Array.isArray(formModel.purchaseMediaVoList)) {
           // 如果数据量太大，只取前200条
           const rawData = formModel.purchaseMediaVoList.slice(0, 200);
@@ -448,7 +435,7 @@ export default {
 
         // 设置基础表单数据
         this.AEform.formModel = formModel;
-        
+
         // 设置表格数据
         this.mediaTableData = mediaData;
         this.paymentTableData = paymentData;
@@ -476,7 +463,7 @@ export default {
         this._loading = false;
       }
     },
-    
+
     setFileUploadData(fileData) {
       try {
         const setFileList = (ref, list) => {
@@ -503,7 +490,7 @@ export default {
       this.mediaCurrentPage = 1;
       this.paymentCurrentPage = 1;
       this.tableKey = Date.now();
-      
+
       this.$nextTick(() => {
         const resetFileUpload = (ref) => {
           if (ref && typeof ref.setFileList === 'function') {
@@ -514,7 +501,7 @@ export default {
             }
           }
         };
-        
+
         resetFileUpload(this.$refs.contractAccess);
         resetFileUpload(this.$refs.detectPicAttr);
         resetFileUpload(this.$refs.upPrint);
@@ -830,7 +817,7 @@ export default {
 
   .table-container {
     margin-bottom: 20px;
-    
+
     .table-actions {
       display: flex;
       justify-content: space-between;