<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <c-ptap-commons
          :cols="50"
          :rows="70"
          :minRows="8"
          :maxRows="8"
          :model="model"
          :disabledButton="this.model.brdgrp.blk.docdisflg == ''"
          :extCodes="['brdgrp', 'blk']"
          lastModel="docdis"
          :charmod="3"
          title="Discrepancies"
          @change="onDocdisChange">
        </c-ptap-commons>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Comments and Conclusions" prop="brdgrp.blk.comcon">
          <c-input
            :rows="9"
            type="textarea"
            v-model="model.brdgrp.blk.comcon"
            maxlength="1950"
            show-word-limit
            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>
          <c-checkbox class="checkbox-left" true-label="X" false-label="" v-model="model.brdgrp.rec.igndisflg"
            >Ignore Discrepancies</c-checkbox
          >
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item>
          <c-checkbox
            class="checkbox-left"
            true-label="X"
            false-label=""
            v-model="model.brdgrp.blk.docdisflg"
            @change="onDocdisflgChange"
            >Discrepancies modified</c-checkbox
          >
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Type of Advice Received" prop="brdgrp.rec.advtyp">
          <c-select
            disabled
            v-model="model.brdgrp.rec.advtyp"
            style="width: 100%"
            placeholder="请选择通知类型"
            dbCode="advtyp">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Date to be Paid" prop="brdgrp.rec.totdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.brdgrp.rec.totdat"
            style="width: 100%"
            placeholder="请选择付款日期"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Discrepancy Advice Dated" label-width="180px" prop="brdgrp.rec.disdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.brdgrp.rec.disdat"
            style="width: 100%"
            placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap-commons
          :cols="65"
          :rows="6"
          :minRows="6"
          :maxRows="6"
          :model="model"
          :extCodes="['brdgrp', 'blk']"
          lastModel="setinsbr"
          title="Settlement Instructions for this Document Set">
        </c-ptap-commons>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },

  methods: {
    onDocdisflgChange() {
      if (this.model.brdgrp.blk.docdisflg == "") {
        this.model.brdgrp.blk.docdis = "";
        this.isButtxmselDisabled = true;
      }
    },
    onDocdisChange() {
      this.model.brdgrp.blk.docdisdef = this.model.brdgrp.blk.docdis;
      this.fillDocstaByChange();
    },
  },
  created: function () {},
  watch: {
    "model.brdgrp": {
      immediate: true,
      deep: true,
      handler(val, oldval) {
        if (this.model.brdgrp.blk.docdisflg !== "X") {
          this.fillDocdis();
        }
      },
    },
  },
};
</script>
<style></style>