<template>
  <div class="eibs">
    <c-col>
      <c-col :span="12">
        <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 (77J)">
        </c-ptap-commons>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="brdgrp.blk.docdisflg">
          <c-checkbox
            class="checkbox-left"
            true-label="X"
            false-label=""
            v-model="model.brdgrp.blk.docdisflg"
            :disabled="
              (this.model.advrefflg == null || this.model.advrefflg == '') &&
              (this.model.advdisflg == null || this.model.advdisflg == '')
            "
            @change="ondocdisflgChange"
            >Discrepancies modified
          </c-checkbox>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="12" style="padding-right: 20px">
        <c-table-doc :model="model" xxtp="brtp" :isLeft="true"></c-table-doc>
      </c-col>

      <c-col :span="12" style="padding-left: 20px">
        <c-table-doc :model="model" xxtp="brtp"></c-table-doc>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  components: {
    // "c-docpre": Docpre,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      txtModuleData: [],
      dialogTableVisible: false,
      trnData: {
        columns: ['0 1 "1st" 100', '1 2 "2nd" 100', '2 3 "Document" 350'],
      },
    };
  },
  methods: {
    ondocdisflgChange() {
      if (
        (this.model.advrefflg != null && this.model.advrefflg != "") ||
        (this.model.advdisflg != null && this.model.advdisflg != "")
      ) {
        this.model.brdgrp.blk.docdisflg = "X";
      } else {
        this.model.brdgrp.blk.docdisflg = "";
      }
      if (this.model.brdgrp.blk.docdisflg != "X") {
        this.model.brdgrp.blk.docdis = "";
      }
    },
  },
  created: function () {},
};
</script>
<style>
.messageLabel >>> .el-form-item__label {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
</style>