|  |  |  | 
|---|
|  |  |  | :controls="false" | 
|---|
|  |  |  | :min="0" | 
|---|
|  |  |  | unit="元" | 
|---|
|  |  |  | @change="onActualSettlementAmountChange" | 
|---|
|  |  |  | ></ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 label="其他费用:" prop="otherFee"> | 
|---|
|  |  |  | 
|---|
|  |  |  | v-model.trim="form.otherFee" | 
|---|
|  |  |  | :controls="false" | 
|---|
|  |  |  | unit="元" | 
|---|
|  |  |  | @change="onActualSettlementAmountChange" | 
|---|
|  |  |  | ></ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 label="结算金额:" prop="settlementAmount" mode="read"> | 
|---|
|  |  |  | 
|---|
|  |  |  | (e: 'onCancel'): void; | 
|---|
|  |  |  | }>(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const settlementAmount = computed( | 
|---|
|  |  |  | () => (form.value.timeoutFee ?? 0) + (form.value.serviceFee ?? 0) + (form.value.otherFee ?? 0) | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | const settlementAmount = computed(() => sumSettlementAmount()); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function sumSettlementAmount() { | 
|---|
|  |  |  | return (form.value.timeoutFee ?? 0) + (form.value.serviceFee ?? 0) + (form.value.otherFee ?? 0); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function onTimeoutHoursChange(val: number) { | 
|---|
|  |  |  | form.value.timeoutFee = form.value.timeoutServiceFee * val; | 
|---|
|  |  |  | onActualSettlementAmountChange(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function onActualSettlementAmountChange() { | 
|---|
|  |  |  | form.value.actualSettlementAmount = sumSettlementAmount(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const dialogForm = ref<FormInstance>(); | 
|---|