<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="业务类型" prop="jsdgrp.rec.chlibz1">
            <c-select v-model="model.jsdgrp.rec.chlibz1" dbCode="JGTYPE" uil="EN" sort="SRT" style="width:100%" placeholder="请选择业务类型" @change="changeChlibz1">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="违约金付款币种" prop="jsdgrp.rec.sxfbzh">
            <c-select :disabled="this.model.jsdgrp.rec.chlibz1=='0'" v-model="model.jsdgrp.rec.sxfbzh" dbCode="curtxt" style="width: 100%" placeholder="请选择违约金付款币种" :filterKey="['CNY']" :isShowKeyAndLabel="true">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="总行返还收益币种" prop="jsdgrp.rec.huo2dh">
            <c-select :disabled="this.model.jsdgrp.rec.chlibz1=='0'" v-model="model.jsdgrp.rec.huo2dh" dbCode="curtxt" style="width: 100%" placeholder="请选择总行返还收益币种" :filterKey="['CNY']" :isShowKeyAndLabel="true">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="联系电话" prop="jsdgrp.rec.dianhh">
            <c-input v-model="model.jsdgrp.rec.dianhh" maxlength="20" placeholder="请输入联系电话"></c-input>
          </el-form-item>
        </c-col>

      </c-col>

      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="平仓标志" prop="jsdgrp.rec.picflg">
            <c-select v-model="model.jsdgrp.rec.picflg" dbCode="PICFLG" :filterKey="['1']" uil="EN" sort="SRT" style="width:100%" placeholder="请选择平仓标志" :disabled="model.jsdgrp.rec.chlibz1 == '0'">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="违约金付款账号" prop="jsdgrp.rec.dkrzzh">
            <c-select :disabled="this.model.jsdgrp.rec.chlibz1=='0'" v-model="model.jsdgrp.rec.dkrzzh" style="width:100%" placeholder="请选择违约金付款账号">
              <el-option v-for="item in model.dkrzzhList" :key="item" :label="item" :value="item">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="总行返还客户收益入账账号" prop="jsdgrp.rec.bwqxzh">
            <c-select :disabled="this.model.jsdgrp.rec.chlibz1=='0'" v-model="model.jsdgrp.rec.bwqxzh" style="width:100%" placeholder="请选择总行返还客户收益入账账号">
              <el-option v-for="item in model.bwqxzhList" :key="item" :label="item" :value="item">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="违约原因" prop="jsdgrp.rec.defrsn">
            <c-input :disabled="this.model.jsdgrp.rec.chlibz1=='0'" v-model="model.jsdgrp.rec.defrsn" placeholder="请输入违约原因" maxlength="20"></c-input>
          </el-form-item>
        </c-col>

      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {
    changeChlibz1() {
      if (this.model.jsdgrp.rec.chlibz1 == "0") {
        this.model.jsdgrp.rec.defrsn = "";
        this.model.jsdgrp.rec.picflg = "";
        this.model.jsdgrp.rec.sxfbzh = "";
        this.model.jsdgrp.rec.huo2dh = "";
        this.model.jsdgrp.rec.dkrzzh = "";
        this.model.jsdgrp.rec.bwqxzh = "";
      }
    }
  },
  created() {}
};
</script>
<style>
</style>