<template>
  <div class="eibs">
    <c-col :span="6">
      <c-checkbox
        v-model="model.financ.rzkx1"
        @change="
          mutualExclusion();
          model.financ.rzkx1 = 'X';
        "
        >贷记贵司指定账户(账号:</c-checkbox
      >
    </c-col>
    <c-col :span="14">
      <el-form-item
        style="text-align: left"
        label-width="20px"
        prop="financ.acc"
      >
        <c-input
          v-model="model.financ.acc"
          style="text-align: left; width: 100%"
          maxlength="40"
          placeholder="请输入账号"
          :disabled="model.financ.rzkx1 == '' || model.financ.rzkx1 == null"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="4">
      <el-form-item label=")"> </el-form-item>
    </c-col>

    <c-col :span="6">
      <c-checkbox
        v-model="model.financ.rzkx2"
        @change="
          mutualExclusion();
          model.financ.rzkx2 = 'X';
        "
        >支付进口信用证项下款项(业务编号:</c-checkbox
      >
    </c-col>
    <c-col :span="14">
      <el-form-item
        style="text-align: left"
        label-width="20px"
        prop="financ.ref2"
      >
        <c-input
          v-model="model.financ.ref2"
          style="text-align: left; width: 100%"
          maxlength="20"
          placeholder="请输入业务编号"
          :disabled="model.financ.rzkx2 == '' || model.financ.rzkx2 == null"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="4">
      <el-form-item label=")"> </el-form-item>
    </c-col>

    <c-col :span="6">
      <c-checkbox
        v-model="model.financ.rzkx3"
        @change="
          mutualExclusion();
          model.financ.rzkx3 = 'X';
        "
        >支付进口代收项下款项(业务编号:</c-checkbox
      >
    </c-col>
    <c-col :span="14">
      <el-form-item
        style="text-align: left"
        label-width="20px"
        prop="financ.ref3"
      >
        <c-input
          v-model="model.financ.ref3"
          style="text-align: left; width: 100%"
          maxlength="20"
          placeholder="请输入业务编号"
          :disabled="model.financ.rzkx3 == '' || model.financ.rzkx3 == null"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="4">
      <el-form-item label=")"> </el-form-item>
    </c-col>

    <c-col :span="6">
      <c-checkbox
        v-model="model.financ.rzkx4"
        @change="
          mutualExclusion();
          model.financ.rzkx4 = 'X';
        "
        >支付汇出汇款项下款项(业务编号:</c-checkbox
      >
    </c-col>
    <c-col :span="14">
      <el-form-item
        style="text-align: left"
        label-width="20px"
        prop="financ.ref4"
      >
        <c-input
          v-model="model.financ.ref4"
          style="text-align: left; width: 100%"
          maxlength="20"
          placeholder="请输入业务编号"
          :disabled="model.financ.rzkx4 == '' || model.financ.rzkx4 == null"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="4">
      <el-form-item label=")"> </el-form-item>
    </c-col>

    <c-col :span="6">
      <c-checkbox
        v-model="model.financ.rzkx5"
        @change="
          mutualExclusion();
          model.financ.rzkx5 = 'X';
        "
        >支付国内信用证项下款项(业务编号:</c-checkbox
      >
    </c-col>

    <c-col :span="14">
      <el-form-item
        style="text-align: left"
        label-width="20px"
        prop="financ.ref5"
      >
        <c-input
          v-model="model.financ.ref5"
          style="text-align: left; width: 100%"
          maxlength="20"
          placeholder="请输入业务编号"
          :disabled="model.financ.rzkx5 == '' || model.financ.rzkx5 == null"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="4">
      <el-form-item label=")"> </el-form-item>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Trtopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    mutualExclusion() {
      this.model.financ.rzkx1 = "";
      this.model.financ.rzkx2 = "";
      this.model.financ.rzkx3 = "";
      this.model.financ.rzkx4 = "";
      this.model.financ.rzkx5 = "";
    },
  },
  created: function () {},
};
</script>
<style></style>