|  |  | 
 |  |  |             :max="999999999999" | 
 |  |  |             :precision="2" | 
 |  |  |             type="text" | 
 |  |  |             @change="onActualSettlementAmountChange" | 
 |  |  |           /> | 
 |  |  |           <div class="form-input-unit">元</div> | 
 |  |  |         </div> | 
 |  |  | 
 |  |  |             :max="999999999999" | 
 |  |  |             :precision="2" | 
 |  |  |             type="text" | 
 |  |  |             @change="onActualSettlementAmountChange" | 
 |  |  |           /> | 
 |  |  |           <div class="form-input-unit">元</div> | 
 |  |  |         </div> | 
 |  |  |       </nut-form-item> | 
 |  |  |       <nut-form-item label="结算金额:" class="bole-form-item" prop="bank" label-width="90px"> | 
 |  |  |       <nut-form-item | 
 |  |  |         label="结算金额:" | 
 |  |  |         class="bole-form-item" | 
 |  |  |         prop="settlementAmount" | 
 |  |  |         label-width="90px" | 
 |  |  |       > | 
 |  |  |         {{ `${settlementAmount}元` }} | 
 |  |  |       </nut-form-item> | 
 |  |  |       <nut-form-item label="备注:" class="bole-form-item alignTop" prop="remark" label-width="90px"> | 
 |  |  | 
 |  |  |     if (res?.detail) { | 
 |  |  |       form.serviceFee = settlementTaskUser?.serviceFee ?? 0; | 
 |  |  |       form.actualSettlementAmount = settlementTaskUser?.actualSettlementAmount ?? 0; | 
 |  |  |       form.settlementAmount = settlementTaskUser?.settlementAmount ?? 0; | 
 |  |  |       form.receiveAccount = settlementTaskUser?.receiveAccount ?? ''; | 
 |  |  |       form.bank = settlementTaskUser?.bank ?? ''; | 
 |  |  |       form.settlementAccess = res?.detail?.settlementAccess; | 
 |  |  | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const form = reactive({ | 
 |  |  |   settlementAmount: '' as any as number, | 
 |  |  |   serviceFee: '' as any as number, | 
 |  |  |   actualSettlementAmount: '' as any as number, | 
 |  |  |   receiveAccount: '', | 
 |  |  | 
 |  |  |   remark: '', | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const settlementAmount = computed( | 
 |  |  |   () => | 
 |  |  | const settlementAmount = computed(() => sumSettlementAmount()); | 
 |  |  |  | 
 |  |  | function sumSettlementAmount() { | 
 |  |  |   return ( | 
 |  |  |     getFeeValue(Number(form.timeoutFee ?? 0)) + | 
 |  |  |     getFeeValue(Number(form.serviceFee ?? 0)) + | 
 |  |  |     getFeeValue(Number(form.otherFee ?? 0)) | 
 |  |  | ); | 
 |  |  |   ); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function getFeeValue(val: number) { | 
 |  |  |   return val || 0; | 
 |  |  | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | function onTimeoutHoursChange(event: any) { | 
 |  |  |   form.timeoutFee = form.timeoutServiceFee * event.detail.value; | 
 |  |  |   form.timeoutFee = Number(form.timeoutServiceFee) | 
 |  |  |     ? form.timeoutServiceFee * event.detail.value | 
 |  |  |     : 0; | 
 |  |  |   onActualSettlementAmountChange(); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function onActualSettlementAmountChange() { | 
 |  |  |   //暂时注掉 | 
 |  |  |   // form.actualSettlementAmount = sumSettlementAmount(); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | const formRef = ref<any>(null); | 
 |  |  | 
 |  |  |   let params: API.EditTaskSettlementOrderRosterCommand = { | 
 |  |  |     id: orderRosterId, | 
 |  |  |     settlementAmount: settlementAmount.value, | 
 |  |  |     actualSettlementAmount: form.actualSettlementAmount, | 
 |  |  |     actualSettlementAmount: settlementAmount.value, | 
 |  |  |     receiveAccount: form.receiveAccount, | 
 |  |  |     bank: form.bank, | 
 |  |  |     // totalWorkHours: editForm.totalWorkHours, | 
 |  |  |     // bankBranch: editForm.bankBranch, | 
 |  |  |     serviceFee: form.serviceFee, | 
 |  |  |     timeoutHours: form.timeoutHours, | 
 |  |  |     timeoutFee: form.timeoutFee, | 
 |  |  |     otherFee: form.otherFee, | 
 |  |  |     serviceFee: Number(form.serviceFee), | 
 |  |  |     timeoutHours: Number(form.timeoutHours), | 
 |  |  |     timeoutFee: Number(form.timeoutFee), | 
 |  |  |     otherFee: Number(form.otherFee), | 
 |  |  |     remark: form.remark, | 
 |  |  |   }; | 
 |  |  |   // try { | 
 |  |  | 
 |  |  |   //     eventChannel.emit('update'); | 
 |  |  |   //   } | 
 |  |  |   // } catch (error) {} | 
 |  |  |   goBack(); | 
 |  |  |   eventChannel.emit('update', params); | 
 |  |  |   goBack(); | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  |