-Go服务器开发

要实现你所描述的功能，可以通过在产品名称 (productName) 选择发生变化时，更新借据编号 (loanInfoCode) 的选项。你需要根据所选的产品名称来过滤借据编号，并确保只有与选择的产品名称匹配的借据编号被显示。

以下是一个示例代码片段，展示了如何实现这一逻辑：

<template>
  <a-row>
    <a-col :span="12" v-if="isCustomerAssociated">
      <a-form-item label="产品名称" style="width: 250%; margin-left: -130px">
        <a-select
          v-model="selectedProductNames"
          mode="multiple"
          placeholder="请选择产品名称"
          @change="onProductChange"
        >
          <a-select-option 
            v-for="item in uniqueProductNames" 
            :key="item" 
            :value="item">{{ item }}
          </a-select-option>
        </a-select>
      </a-form-item>
    </a-col>
  </a-row>
  
  <a-row>
    <a-col :span="12" v-if="isCustomerAssociated">
      <a-form-item label="借据号" style="width: 250%; margin-left: -130px">
        <a-select
          v-model="formModal.loanInfoCode"
          mode="multiple"
          placeholder="请选择借据号"
        >
          <a-select-option 
            v-for="loan in filteredLoans" 
            :key="loan.loanInfoCode" 
            :value="loan.loanInfoCode">{{ loan.loanInfoCode }}
          </a-select-option>
        </a-select>
      </a-form-item>
    </a-col>
  </a-row>
</template>
<script setup>
// 引入相关方法和库
import { ref, watch } from 'vue';
const formModal = ref({
  productName: [],
  loanInfoCode: []
});
const isCustomerAssociated = ref(false);
const selectedProductNames = ref([]);
// 假设 workOrderLoans 是从接口返回的数据
const workOrderLoans = ref([
  { loanInfoCode: "jj90900", productName: "123321" },
  { loanInfoCode: "jj78787", productName: "123321" },
  { loanInfoCode: "jj73233", productName: "123321" },
  { loanInfoCode: "2232323", productName: "444444" }
]);
// 用于存储不重复的产品名称
const uniqueProductNames = Array.from(new Set(workOrderLoans.value.map(loan => loan.productName)));
// 根据选择的产品名称过滤借据号
const filteredLoans = computed(() => {
  return workOrderLoans.value.filter(loan =>
    selectedProductNames.value.includes(loan.productName)
  );
});
// 产品变更时处理逻辑
const onProductChange = () => {
  // 如果需要的话，可以在这里进行其他操作，例如重置借据号或执行验证等
};
</script>