<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="旧到期类型" prop="oldgidgrp.rec.exptyp">
          <c-select disabled :code="codes.exptyp" v-model="model.oldgidgrp.rec.exptyp" style="width: 100%"
            placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="旧到期日" prop="oldgidgrp.rec.expdat">
          <c-date-picker disabled type="date" v-model="model.oldgidgrp.rec.expdat" style="width: 100%"
            placeholder="请选择旧到期日"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="旧到期条件" prop="oldgidgrp.blk.exptxt">
          <c-input disabled type="textarea" v-model="model.oldgidgrp.blk.exptxt" maxlength="65" show-word-limit
            placeholder="请输入旧到期条件"></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="旧责任类型" prop="oldgidgrp.rec.liatypc">
          <c-select disabled :code="codes.exptyp" v-model="model.oldgidgrp.rec.liatypc" style="width: 100%"
            placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="旧责任期" prop="oldgidgrp.rec.liadat">
          <c-date-picker disabled type="date" v-model="model.oldgidgrp.rec.liadat" style="width: 100%"
            placeholder="请选择旧责任期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="旧责任条件 " prop="oldgidgrp.blk.liatxtc">
          <c-input disabled type="textarea" v-model="model.oldgidgrp.blk.liatxtc" maxlength="65" show-word-limit
            placeholder="请输入旧责任条件 "></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="旧估计到期日" prop="oldgidgrp.blk.dtaappexpdat">
          <c-date-picker disabled type="date" v-model="model.oldgidgrp.blk.dtaappexpdat" style="width: 100%"
            placeholder="请选择"></c-date-picker>
        </el-form-item>
      </c-col>

    </c-col>

    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">

      <c-col :span="24">
        <el-form-item label="新到期类型" prop="trnmod.swiadd.exptyp">
          <c-select :code="codes.exptyp" v-model="model.trnmod.swiadd.exptyp" style="width: 100%" placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="新到期日" prop="trnmod.swiadd.newexpdat">
          <c-date-picker :disabled="
            model.trnmod.swiadd.exptyp == 'OPEN' ||
            (model.trnmod.swiadd.exptyp == '' &&
              model.oldgidgrp.rec.expdat == '')
          " type="date" v-model="model.trnmod.swiadd.newexpdat" style="width: 100%" placeholder="请选择">
          </c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="新到期条件" prop="trnmod.swiadd.exptxt">
          <c-input :disabled="
            !(model.trnmod.swiadd.exptyp == 'COND') &&
            !(
              model.oldgidgrp.blk.exptxt != '' &&
              model.trnmod.swiadd.exptyp == ''
            )
          " type="textarea" v-model="model.trnmod.swiadd.exptxt" maxlength="65" show-word-limit
            placeholder="请输入新到期条件" @blur="exptxtBlur"></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="新责任类型" prop="trnmod.swiadd.liatypc">
          <c-select :disabled="
            model.gidgrp.rec.hndtyp != 'OC' &&
            model.gidgrp.rec.purpos != 'CO'
          " :code="codes.exptyp" v-model="model.trnmod.swiadd.liatypc" style="width: 100%" placeholder="请选择">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="新责任期" prop="trnmod.swiadd.newliadat">
          <c-date-picker :disabled="
            model.trnmod.swiadd.liatypc == 'OPEN' ||
            (model.trnmod.swiadd.liatypc == '' &&
              model.oldgidgrp.rec.liadat == '')
          " type="date" v-model="model.trnmod.swiadd.newliadat" style="width: 100%" placeholder="请输入新责任期">
          </c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="新责任条件" prop="trnmod.swiadd.liatxtc">
          <c-input :disabled="
            !(model.trnmod.swiadd.liatypc == 'COND') &&
            !(
              model.oldgidgrp.blk.liatxtc != '' &&
              model.trnmod.swiadd.liatypc == ''
            )
          " type="textarea" v-model="model.trnmod.swiadd.liatxtc" maxlength="65" show-word-limit
            placeholder="请输入新责任条件"></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="新估计到期日" prop="trnmod.swiadd.newdtaappexpdat">
          <c-date-picker :disabled="
            model.trnmod.swiadd.exptyp != 'OPEN' &&
            model.oldgidgrp.rec.exptyp != 'OPEN'
          " type="date" v-model="model.trnmod.swiadd.newdtaappexpdat" style="width: 100%" placeholder="请选择">
          </c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitame/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    async exptxtBlur() {
      let rtnmsg = await this.executeDefault("gidgrp.blk.exptxt");
      if (rtnmsg.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model, rtnmsg.data);
      }

      let rtnmsg1 = await this.executeDefault("gidgrp.blk.atxexptxt");
      if (rtnmsg1.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model, rtnmsg1.data);
      }
    },
  },
  created: function () { },
};
</script>
<style>

</style>