<template>
  <div class="eibs-tab">
    <div style="width: 100%; padding: 0 80px;font-size: 15px;font-weight: bold;">
      我行已将上述融资款项
    </div>

    <el-form-item label="">
      <c-col :span="24">
        <span style="display:flex;">
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.rzkx1">
              <c-checkbox v-model="model.trtcre.financ.rzkx1" true-label="X" false-label="" @change="changeRzkxp('1')">贷记贵司指定账户</c-checkbox>
            </el-form-item>
          </span>
          <span>
            （账号：
          </span>
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.acc">
              <c-input v-model="model.trtcre.financ.acc" maxlength="20" :disabled="model.trtcre.financ.rzkx1 !== 'X'" style="width:380px;" placeholder="请输入" />
            </el-form-item>
          </span>
          <span>
            ）
          </span>
        </span>
      </c-col>

      <c-col :span="24" v-show="!getDflg">
        <span style="display:flex;">
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.rzkx2">
              <c-checkbox v-model="model.trtcre.financ.rzkx2" true-label="X" false-label="" @change="changeRzkxp('2')">支付进口信用证项下款项</c-checkbox>
            </el-form-item>
          </span>
          <span>
            （业务编号：
          </span>
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.ref2">
              <c-input v-model="model.trtcre.financ.ref2" :disabled="model.trtcre.financ.rzkx2 !== 'X'" maxlength="20" style="width:300px;" placeholder="请输入" />
            </el-form-item>
          </span>
          <span>
            ）
          </span>
        </span>
      </c-col>

      <c-col :span="24" v-show="!getDflg">
        <span style="display:flex;">
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.rzkx3">
              <c-checkbox v-model="model.trtcre.financ.rzkx3" true-label="X" false-label="" @change="changeRzkxp('3')">支付进口代收项下款项</c-checkbox>
            </el-form-item>
          </span>
          <span>
            （业务编号：
          </span>
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.ref3">
              <c-input v-model="model.trtcre.financ.ref3" :disabled="model.trtcre.financ.rzkx3 !== 'X'" maxlength="20" style="width:300px;" placeholder="请输入" />
            </el-form-item>
          </span>
          <span>
            ）
          </span>
        </span>
      </c-col>

      <c-col :span="24" v-show="!getDflg">
        <span style="display:flex;">
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.rzkx4">
              <c-checkbox v-model="model.trtcre.financ.rzkx4" true-label="X" false-label="" @change="changeRzkxp('4')">支付汇出汇款项下款项</c-checkbox>
            </el-form-item>
          </span>
          <span>
            （业务编号：
          </span>
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.ref4">
              <c-input v-model="model.trtcre.financ.ref4" :disabled="model.trtcre.financ.rzkx4 !== 'X'" maxlength="20" style="width:300px;" placeholder="请输入" />
            </el-form-item>
          </span>
          <span>
            ）
          </span>
        </span>
      </c-col>

      <c-col :span="24" v-show="getDflg">
        <span style="display:flex;">
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.rzkx5">
              <c-checkbox v-model="model.trtcre.financ.rzkx5" true-label="X" false-label="" @change="changeRzkxp('5')">支付国内信用证项下款项</c-checkbox>
            </el-form-item>
          </span>
          <span>
            （业务编号：
          </span>
          <span>
            <el-form-item label="" label-width="0px" prop="trtcre.financ.ref5">
              <c-input v-model="model.trtcre.financ.ref5" :disabled="model.trtcre.financ.rzkx5 !== 'X'" maxlength="20" style="width:300px;" placeholder="请输入" />
            </el-form-item>
          </span>
          <span>
            ）
          </span>
        </span>
      </c-col>
    </el-form-item>

  </div>
</template>
<script>
import event from "../event";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, commonFunctions, commonDepend],
  data() {
    return {};
  },
  methods: {},
  mounted() {},
  computed: {
     getDflg(){
       let transName = this.trnName;
       if (this.root) {
        transName = this.root.trnName;
       }
       console.log("当前交易码", transName);
       if (transName === 'bdtset') {
        return true;
       }
       return false;
     }
  },
  watch: {},
  created: function() {}
};
</script>
<style lang="less" scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}

.page-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border: 1px solid #707070;

  .form-content {
    width: 100%;
    flex: 1;
    position: relative;
    border: 1px solid #b1b1b1;
    overflow-y: auto;
    background-color: #fff;
    padding: 5px 0;
  }
}

.field {
  text-align: left;
  line-height: 32px;
  width: 40px;
}

.fieldName {
  /deep/ .el-form-item--small .el-form-item__label {
    width: 200px !important;
    justify-content: flex-start;
  }

  /deep/ .el-date-editor.el-input {
    width: 90%;
  }

  /deep/ .el-select {
    width: 90%;
  }
}

.over {
  /deep/ .el-form-item--small .el-form-item__label {
    text-align: left;
  }
}
</style>