<template>
  <div class="eibs">
    <!--=== =================================左边======================================== -->

    <c-col :span="12" style="padding-right: 20px;">
      <!-- Discrepancies -->
      <c-col :span="24">
        <el-form-item label="不符点" prop="brdgrp.blk.docdis">
          <c-fullbox>
            <c-input type="textarea" v-model="model.brdgrp.blk.docdis" maxlength="3500" show-word-limit
              placeholder="请输入不符点信息" rows="5" :disabled="!docdisflg"></c-input>
            <!-- @click="onDocdisButtxmsel" -->
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more"
                @click="showGridPromptDialog('brtp.docdis.buttxmsel', null, null,{TXT: 'brdgrp.blk.docdis'}, {TXT: false},'doxpDialog')"
                :disabled="!docdisflg">
               
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <!-- Comments and Conclusion -->
      <c-col :span="24">
        <el-form-item label="评论和结论" prop="brdgrp.blk.comcon">
          <c-input type="textarea" v-model="model.brdgrp.blk.comcon" maxlength="1950" show-word-limit
            placeholder="请输入评论和结论内容" rows="5"></c-input>
        </el-form-item>
      </c-col>
      <!-- Settlement Instructions BR -->
      <!-- <c-col :span="21"> -->
      <c-col :span="24">
        <el-form-item label="结算指示" prop="brdgrp.blk.setinsbr">
          <c-fullbox>
            <c-input type="textarea" v-model="model.brdgrp.blk.setinsbr" maxlength="390" show-word-limit
              placeholder="请输入结算指示" rows="5"></c-input>
            <template slot="footer">
              <!-- @click="onSetinstxmButtxmsel" -->
              <c-button size="small" type="primary" icon="el-icon-more" 
              @click="showGridPromptDialog('brtp.setinstxm.buttxmsel', null, null,{TXT: 'brdgrp.blk.setinsbr'}, {TXT: false},'doxpDialog')"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

    </c-col>

    <!--=== ========================================右边======================================== -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="12">
        <el-form-item
          label=""
          prop="brdgrp.rec.igndisflg"
          label-width="0px"
        >
        <c-checkbox
          style="margin: 0px 0 10px 120px;float: left;"
          v-model="model.brdgrp.rec.igndisflg"
          >忽略不符点</c-checkbox
        >
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          label=""
          prop="brdgrp.blk.docdis"
        >
        <c-checkbox
          style="margin: 0px 0 10px 150px;"
          v-model="docdisflg"
        @change="docdisDefault"
          >录入不符点</c-checkbox
        >
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收到通知类型" prop="brdgrp.rec.advtyp">
          <c-select v-model="model.brdgrp.rec.advtyp" style="width: 100%" placeholder="请选择类型"
            :code="codes.advtyp0">
          </c-select>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat">
          <c-date-picker type="date" v-model="model.brdgrp.rec.disdat" style="width: 100%"
            placeholder="请选择日期" disabled></c-date-picker>
        </el-form-item>
      </c-col>


    </c-col>

    <!-- 底部表格 -->
    <c-col :span="24" label-width="0px">
        <c-docpre
          :model="model"
          :argadr="{
            path: 'brdgrp.blk.prsdoc',
            grp: 'brtp',
            code: 'docpre',
          }"
        ></c-docpre>
      </c-col>

   
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtudp/Event";
import Utils from "~/utils";
import Docpre from "~/views/Public/Docpre";

export default {
  components: {
    // "c-ptap": Ptap,
    "c-docpre": Docpre,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
    };
  },
  methods: { ...Event,
    async docdisDefault(){
      this.executeDefault("brdgrp.blk.docdis").then(res => {
          //TODO 处理数据逻辑
          if(res.respCode == SUCCESS)
          this.updateModel(res.data);
      })
  },
  },
  created: function () { },
  computed: {
    docdisflg: {
      get() {
        return this.model.brdgrp.blk.docdisflg != ""
      },
      set(val) {
        this.model.brdgrp.blk.docdisflg = val ? "X" : ""
      }
    },
  },

};
</script>
<style>
</style>