<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <c-ptap-commons
          :cols="50"
          :rows="70"
          :minRows="7"
          :maxRows="7"
          :model="model"
          :isRules="false"
          :extCodes="['brdgrp', 'blk']"
          lastModel="docdis"
          title="Discrepancies"
          maxlength="3500"
          :charmod="3"
          placeholder="请输入不符点内容"
          @change="onDocdisChange"
          show-word-limit
          :disabledButton="this.model.brdgrp.blk.docdisflg == ''"></c-ptap-commons>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Comments and Conclusions" prop="brdgrp.blk.comcon">
          <c-input
            :rows="7"
            type="textarea"
            v-model="model.brdgrp.blk.comcon"
            maxlength="1950"
            show-word-limit
            placeholder="请输入评论和结论内容"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-ptap-commons
          :cols="65"
          :rows="6"
          :minRows="2"
          :maxRows="2"
          :model="model"
          :extCodes="['brdgrp', 'blk']"
          lastModel="setinsbr"
          title="Settlement Instructions for this Document Set">
        </c-ptap-commons>
      </c-col>
    </c-col>

    <!-- 右边 -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item>
          <c-checkbox class="checkbox-left" v-model="model.brdgrp.rec.igndisflg" true-label="X" false-label=""
            >Ignore Discrepancies</c-checkbox
          >
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item>
          <c-checkbox
            class="checkbox-left"
            v-model="model.brdgrp.blk.docdisflg"
            true-label="X"
            false-label=""
            @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="请选择日期"
            @change="fillDocstaByChange"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item>
          <c-checkbox
            true-label="X"
            false-label=""
            class="checkbox-left"
            v-model="model.brdgrp.rec.approvcod"
            label-width="0px"
            @change="onApprovcodChange"
            >Documents on Approval Basis</c-checkbox
          >
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item>
          <c-checkbox class="checkbox-left" disabled v-model="model.brtp.cre732flg">Create MT 732</c-checkbox>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
// import Docpre from "~/views/Public/Docpre";
import event from "../event";
export default {
  components: {
    // "c-docpre": Docpre,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      trnData: {
        columns: ['0 1 "1st" 100', '1 2 "2nd" 100', '2 3 "Document" 350'],
      },
      isButtxmselDisabled: false,
    };
  },
  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();
    },
    onApprovcodChange() {
      if (this.model.brdgrp.rec.approvcod != null && model.brdgrp.rec.approvcod != "") {
        this.model.brdgrp.rec.docsta = "L";
      }
    },
  },
  created: function () {},
  watch: {
    "model.brdgrp": {
      immediate: true,
      deep: true,
      handler(val, oldval) {
        if (this.model.brdgrp.blk.docdisflg !== "X") {
          this.fillDocdis();
        }
      },
    },
  },
};
</script>
<style></style>