|  |  | 
 |  |  |             :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> | 
 |  |  | 
 |  |  |     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); |