wangchengming/Contract_Manage_Vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改采购合同媒体信息和付款信息不能被编辑异常

Browse Source
This commit is contained in:
wangchengming 2026-01-07 20:32:21 +08:00
parent 2cc2bc4c86
commit 404cd04a7e
1 changed files with 103 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

167
src/views/contract/detail/AEprocurementContract.vue
View File

@ -44,59 +44,48 @@
<!-- 媒体信息开始 --> <!-- 媒体信息开始 -->
<template #purchaseMediaBoList> <template #purchaseMediaBoList>
<div class="table-container"> <div class="table-container">
<el-table <el-table :data="visibleMediaData" :key="'media-table-' + tableKey" style="width: 100%" height="400"
:data="visibleMediaData" show-summary :summary-method="mediaTypeSummary">
:key="'media-table-' + tableKey" <el-table-column v-for="column in mediaListColumns" :key="column.dataIndex" :prop="column.dataIndex"
style="width: 100%" :label="column.title" :width="column.width">
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 #default="scope">
<template v-if="column.slot"> <template v-if="column.slot">
<!-- 城市选择 --> <!-- 城市选择 -->
<template v-if="column.dataIndex === 'cityId'"> <template v-if="column.dataIndex === 'cityId'">
<el-custom-cascader <el-custom-cascader v-model="scope.row.cityIds" :dataSource="cityList"
v-model="scope.row.cityIds"
:dataSource="cityList"
:cascaderStyle="{ width: '100%' }" :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>
<!-- 媒体类型 --> <!-- 媒体类型 -->
<template v-else-if="column.dataIndex === 'mediaId'"> <template v-else-if="column.dataIndex === 'mediaId'">
<el-custom-select <el-custom-select v-model="scope.row.mediaId" :dataSource="mediaTypeList"
v-model="scope.row.mediaId" :remoteAdd="handleAddMediaTypeParty" @change="(v, t) => (scope.row.mediaName = t)" />
:dataSource="mediaTypeList" </template>
:remoteAdd="handleAddMediaTypeParty"
@change="(v, t) => (scope.row.mediaName = t)" <!-- 媒体位置 -->
/> <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>
<!-- 上刊时间 --> <!-- 上刊时间 -->
<template v-else-if="column.dataIndex === 'upTime'"> <template v-else-if="column.dataIndex === 'upTime'">
<el-date-picker <el-date-picker v-model="scope.row.upTime" value-format="yyyy-MM-dd" style="width: 100%" />
v-model="scope.row.upTime"
value-format="yyyy-MM-dd"
style="width: 100%"
/>
</template> </template>
<!-- 下刊时间 --> <!-- 下刊时间 -->
<template v-else-if="column.dataIndex === 'downTime'"> <template v-else-if="column.dataIndex === 'downTime'">
<el-date-picker <el-date-picker v-model="scope.row.downTime" value-format="yyyy-MM-dd" style="width: 100%" />
v-model="scope.row.downTime"
value-format="yyyy-MM-dd"
style="width: 100%"
/>
</template> </template>
<!-- 周期 --> <!-- 周期 -->
@ -104,16 +93,39 @@
{{ delayPeriodDate(scope.row) }} {{ delayPeriodDate(scope.row) }}
</template> </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'"> <template v-else-if="column.dataIndex === 'discount'">
<div class="flexRowCenter"> <div class="flexRowCenter">
<el-input <el-input v-model="scope.row.discount"
v-model="scope.row.discount" @change="handleNumberChange(scope.row.discount, $event)"></el-input>
@change="handleNumberChange(scope.row.discount, $event)"
></el-input>
</div> </div>
</template> </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> <template v-else>
{{ scope.row[column.dataIndex] }} {{ scope.row[column.dataIndex] }}
@ -136,15 +148,9 @@
<div class="table-actions"> <div class="table-actions">
<el-button type="primary" @click="addMediaRow">新增媒体</el-button> <el-button type="primary" @click="addMediaRow">新增媒体</el-button>
<el-pagination <el-pagination v-if="mediaTableData.length > pageSize" small layout="prev, pager, next"
v-if="mediaTableData.length > pageSize" :total="mediaTableData.length" :page-size="pageSize" :current-page="mediaCurrentPage"
small @current-change="handleMediaPageChange" />
layout="prev, pager, next"
:total="mediaTableData.length"
:page-size="pageSize"
:current-page="mediaCurrentPage"
@current-change="handleMediaPageChange"
/>
</div> </div>
</div> </div>
</template> </template>
@ -153,21 +159,10 @@
<!-- 付款管理开始 --> <!-- 付款管理开始 -->
<template #purchasePaymentBoList> <template #purchasePaymentBoList>
<div class="table-container"> <div class="table-container">
<el-table <el-table :data="visiblePaymentData" :key="'payment-table-' + tableKey" style="width: 100%" height="400"
:data="visiblePaymentData" show-summary :summary-method="paymentSummary">
:key="'payment-table-' + tableKey" <el-table-column v-for="column in contranctPayListColumns" :key="column.dataIndex" :prop="column.dataIndex"
style="width: 100%" :label="column.title" :width="column.width">
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 #default="scope">
<template v-if="column.slot"> <template v-if="column.slot">
<!-- 笔数 --> <!-- 笔数 -->
@ -183,20 +178,21 @@
<!-- 约定付款时间 --> <!-- 约定付款时间 -->
<template v-else-if="column.dataIndex === 'payTime'"> <template v-else-if="column.dataIndex === 'payTime'">
<el-date-picker <el-date-picker v-model="scope.row.payTime" value-format="yyyy-MM-dd" style="width: 100%" />
v-model="scope.row.payTime" </template>
value-format="yyyy-MM-dd" <!-- 约定付款金额 -->
style="width: 100%" <template v-else-if="column.dataIndex === 'conventionArrivalMoney'">
/> <el-input type="number" v-model="scope.row.conventionArrivalMoney"></el-input>
</template> </template>
<!-- 实际付款时间 --> <!-- 实际付款时间 -->
<template v-else-if="column.dataIndex === 'arrivalTime'"> <template v-else-if="column.dataIndex === 'arrivalTime'">
<el-date-picker <el-date-picker v-model="scope.row.arrivalTime" value-format="yyyy-MM-dd" style="width: 100%" />
v-model="scope.row.arrivalTime" </template>
value-format="yyyy-MM-dd"
style="width: 100%" <!-- 实际付款金额 -->
/> <template v-else-if="column.dataIndex === 'actualArrivalMoney'">
<el-input type="number" v-model="scope.row.actualArrivalMoney"></el-input>
</template> </template>
<!-- 是否逾期 --> <!-- 是否逾期 -->
@ -214,11 +210,8 @@
<!-- 附件 --> <!-- 附件 -->
<template v-else-if="column.dataIndex === 'annex'"> <template v-else-if="column.dataIndex === 'annex'">
<el-file-upload <el-file-upload :key="`annex_${scope.row.id || scope.row.tempId}_${tableKey}`" listType="list"
:key="`annex_${scope.row.id || scope.row.tempId}_${tableKey}`" :uploadStyle="{ width: '336px' }" />
listType="list"
:uploadStyle="{ width: '336px' }"
/>
</template> </template>
<!-- 默认显示 --> <!-- 默认显示 -->
@ -243,15 +236,9 @@
<div class="table-actions"> <div class="table-actions">
<el-button type="primary" @click="addPaymentRow">新增付款</el-button> <el-button type="primary" @click="addPaymentRow">新增付款</el-button>
<el-pagination <el-pagination v-if="paymentTableData.length > pageSize" small layout="prev, pager, next"
v-if="paymentTableData.length > pageSize" :total="paymentTableData.length" :page-size="pageSize" :current-page="paymentCurrentPage"
small @current-change="handlePaymentPageChange" />
layout="prev, pager, next"
:total="paymentTableData.length"
:page-size="pageSize"
:current-page="paymentCurrentPage"
@current-change="handlePaymentPageChange"
/>
</div> </div>
</div> </div>
</template> </template>
@ -403,8 +390,8 @@ export default {
processColumns(columns) { processColumns(columns) {
return columns.map(column => ({ return columns.map(column => ({
...column, ...column,
slot: !!column.scopedSlots || ['cityId', 'mediaId', 'upTime', 'downTime', 'period', 'discount', slot: !!column.scopedSlots || ['cityId', 'mediaId', 'upTime', 'downTime', 'period', 'discount', 'mediaPosition', 'accountNumber', 'releaseFrequency', 'printPrice', 'printPriceUnit', 'mediaFee', 'productFee', 'remark',
'transactionsNumber', 'payTime', 'arrivalTime', 'isOverdue', 'overdueDay', 'annex'].includes(column.dataIndex) 'transactionsNumber', 'payTime', 'arrivalTime', 'isOverdue', 'overdueDay', 'annex', 'conventionArrivalMoney', 'actualArrivalMoney'].includes(column.dataIndex)
})); }));
}, },