….-Go服务器开发

当然可以！我将帮助您修复和完善代码，确保语法正确并且整体结构清晰。以下是修改后的代码示例：

<div class="ModalForms">
  <a-row
    v-for="(loan, index) in workOrderLoans"
    :key="index"
    style="
      padding: 10px 0;
      border: 1px solid #6490e4;
      margin: 10px 15px 0;
      border-radius: 10px;"
  >
    <a-col :span="12">
      <a-form-item label="贷款金额" style="margin-left: 10px">
        <a-input
          v-model:value="loan.totalAmount"
          placeholder="请输入贷款金额"
          style="width: 103%"
          :disabled="isDateil"
        />
      </a-form-item>
    </a-col>

    <a-col :span="12">
      <a-form-item label="勾记金额" style="margin-left: 10px">
        <a-input
          v-model:value="loan.transferAmount"
          placeholder="请输入勾记金额"
          style="width: 103%"
          :disabled="isDateil"
          @input="checkTransferAmount(index)" <!-- 添加事件监听 -->
        />
        <div v-if="loan.transferAmount > loan.totalAmount" style="color: red;">
          勾记金额不能大于贷款金额
        </div> <!-- 错误提示 -->
      </a-form-item>
    </a-col>
    
    <!-- 可以在这里添加其他需要的列 -->
    
  </a-row>
</div>

JavaScript 部分

您还需要确保在 <script> 中有适当的数据定义和方法，如下所示：

data() {
  return {
    workOrderLoans: [
      // 示例数据结构，可以根据实际情况修改
      { totalAmount: null, transferAmount: null },
    ],
    isDateil: false, // 根据您的需求设置此值
  };
},
methods: {
  checkTransferAmount(index) {
    const loan = this.workOrderLoans[index];
    
    // 如果勾记金额大于贷款金额，则输出错误提示（可选）
    if (loan.transferAmount > loan.totalAmount) {
      console.warn('勾记金额不能大于贷款金额');
      // 可根据需要执行其他操作，例如设置状态或提示用户等
    }
  },
}