路由缓存，回车搜索，调度单管理修改

sen

2026-03-10 f9c9a94fbda14fc2047371db3b28f74f6f146a62

 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>
@@ -87,6 +102,12 @@
          :option="YSGenerateTableOption" ref="itemsTableRef"
          :data="form.items"
      >
        <template #menu="{row}">
          <el-link size="small" type="primary"
                 @click="handleCancel(row)" class="link-btn" :underline="false"
                 icon="el-icon-close">取消关联
          </el-link>
        </template>

      </avue-crud>

@@ -128,7 +149,7 @@
  exportTmsArBill,
  getTmsArBill,
  listTmsArBill,
  updateTmsArBill
  updateTmsArBill,cancelArBill
} from "@/api/tms/tmsArBill";
import useCurrentInstance from "@/utils/useCurrentInstance";
import {computed, reactive, ref, toRefs} from "vue";
@@ -136,6 +157,8 @@
import {usePagePlus} from "@/hooks/usePagePlus";
import {hasPermission} from "@/utils/permissionUtils";
import {addTmsArSettlement, listTmsArSettlement} from "@/api/tms/tmsArSettlement";
import {ElMessage, ElMessageBox} from "element-plus";
import {confirmFinance} from "@/api/tms/tmsFinance";

const {proxy} = useCurrentInstance();
const crudRef = ref();
@@ -217,6 +240,20 @@
      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,
      hide: false,
    },
    settledAmount: {
      label: '已结算金额',
      addDisplay: true,
@@ -283,12 +320,14 @@
  }
})
const YSGenerateTableOption= ref({
  menu: false,
  menu: true,
  add: false,
  header:false,
  selection: false,
  rowKey:'id',

  editBtn:false,
  viewBtn:false,
  delBtn: false,
  column:{

    projectName:{
@@ -426,7 +465,28 @@
    open2.value = true;
    pageF.title = '结算日志';
  })
}



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

const handleCancel = (row:any) => {
  ElMessageBox.confirm("是否对调度单号" + row.dispatchNo + "的应收费用取消关联？", '系统提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
  }).then(() => {
    return cancelArBill(row.id);
  }).then(() => {
    onLoad(page.value);
    ElMessage({
      message: "操作成功！",
      type: 'success'
    })
  });
}

</script>