提交

zhangback

2026-01-04 de0dfb6020dc00b554c629dc01b1eb38156e094e

 ui/admin-ui3/src/views/tms/tmsArBill/index.vue

@@ -67,7 +67,10 @@

      <avue-form v-if="opt == 'js'"  v-model="boxForm" ref="boxFormRef"
                  :option="boxFormOption">
        <template #settleAmount>
          <avue-input-number :min="0" :max="form.actualSettlementAmount" v-model="boxForm.settleAmount" placeholder="请输入结算金额"></avue-input-number>

        </template>
      </avue-form>
      <el-descriptions :column="3" title="账单基本信息"  border>
        <el-descriptions-item label="账单系统编号">{{form.systemNo}}</el-descriptions-item>
@@ -79,6 +82,18 @@
        </el-descriptions-item>
        <el-descriptions-item label="客户名称">{{form.customerName}}</el-descriptions-item>
        <el-descriptions-item label="应结算金额">{{form.settleAmount}}</el-descriptions-item>
        <el-descriptions-item label="减免金额">
          <div v-if="opt === 'edit'">
            <el-input-number :min="0" :max="form.settleAmount" v-model="form.deductionAmount" placeholder="请输入减免金额" @change="deductionAmountChange" />
          </div>
          <div v-else>{{form.deductionAmount}}</div>
        </el-descriptions-item>
        <el-descriptions-item label="实际结算金额" v-if="opt == 'edit'">{{form.actualSettlementAmount}}</el-descriptions-item>
        <el-descriptions-item label="减免原因" v-if="opt == 'edit'">
          <div v-if="opt === 'edit'">
            <el-input v-model="form.reasonReduction" placeholder="请输入减免原因" />
          </div>
          <div v-else>{{form.reasonReduction}}</div></el-descriptions-item>
        <el-descriptions-item label="已结算金额" v-if="opt == 'js'">{{form.settledAmount}}</el-descriptions-item>
        <el-descriptions-item label="待结算金额" v-if="opt == 'js'">{{Number(form.settleAmount) - Number(form.settledAmount)}}</el-descriptions-item>
      </el-descriptions>
@@ -212,6 +227,20 @@
    },
    settleAmount: {
      label: '应结算金额',
      addDisplay: true,minWidth:120,
      editDisplay: true,
      viewDisplay: true,
      hide: false,
    },
    deductionAmount: {
      label: '减免金额',
      addDisplay: true,minWidth:120,
      editDisplay: true,
      viewDisplay: true,
      hide: false,
    },
    actualSettlementAmount: {
      label: '实际结算金额',
      addDisplay: true,minWidth:120,
      editDisplay: true,
      viewDisplay: true,
@@ -426,7 +455,12 @@
    open2.value = true;
    pageF.title = '结算日志';
  })
}



const deductionAmountChange = (e:any) => {
  form.value.actualSettlementAmount =(Number(form.value.settleAmount) || 0) -( Number(form.value.deductionAmount) || 0);
}

</script>