<template>
  <div class="eibs-tab">

       <!--================================左边================================== -->
   <c-col :span="12" class="col-left"> 
    <c-col :span="21" >           
        <el-form-item label="不符点信息" prop="brdgrp.blk.docdis" >
            <c-input type="textarea" v-model="model.brdgrp.blk.docdis" 
                maxlength="3500" show-word-limit placeholder="请输入不符点信息" rows="5"
                :disabled="!docdisflg">
            </c-input>
            <!-- :disabled="!docdisflg" 任意非空串 取非后即为false,,空串取非后即为true -->
        </el-form-item>
    </c-col>
    <c-col :span="3">
    <!-- @click="onDocdisButtxmsel" -->
        <c-button size="small" type="primary" icon="el-icon-search">
            ...
        </c-button>
    </c-col> 
    <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>
    <c-col :span="21">
        <el-form-item label="结算指示" prop="brdgrp.blk.setinsbr">
            <c-input type="textarea" v-model="model.brdgrp.blk.setinsbr" maxlength="390" show-word-limit placeholder="请输入结算指示"
            rows="5"></c-input>
        </el-form-item>
    </c-col>
    <c-col :span="3">
        <c-button size="small" type="primary" icon="el-icon-search">
            ...
        </c-button>
    </c-col>


   
      <c-col :span="24">
        <c-docpre :model="model" :argadr="{
          path: 'brdgrp.blk.prsdoc',
          grp: 'brtp',
          code: 'docpre',
        }"></c-docpre>
      </c-col>
   </c-col>
  
          <!--===========================右边============================== -->
   <c-col :span="12" class="col-right"> 
    <c-col :span="24">           
        <c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
    </c-col>
    <c-col :span="24">
        <c-checkbox v-model="docdisflg">不符点修改</c-checkbox>
        <!-- <c-checkbox v-model="model.brdgrp.blk.docdisflg">不符点修改</c-checkbox> -->
    </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.advtyp"
            disabled>
            </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="请选择付款日期"></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 :span="24">
        <c-checkbox v-model="model.brdgrp.rec.approvcod">Documents on Approval Basis</c-checkbox>
    </c-col>

   

    <c-col :span="24">
        <!-- <c-checkbox v-model="model.brtp.cre752flg">创建 MT752</c-checkbox> -->
        <el-form-item label=" ">
        </el-form-item>
    </c-col>
    <c-col :span="24">
        <el-form-item label=" " prop="brtp.furide">
            <!-- <c-select v-model="model.brtp.furide" style="width:100%" placeholder="请选择Further Identification"> -->
            <!-- </c-select> -->
        </el-form-item>
    </c-col>

    <c-col :span="24">
        <c-checkbox v-model="model.brtp.cre732flg" disabled>创建MT732</c-checkbox>
    </c-col>
   </c-col>
   
  
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from '../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: [event],
  data() {
    return {
      // TableValue: [
      //   {
      //     id: 0,
      //     cmail1: "",
      //     cmail2: "",
      //     docnam: "",
      //     description: "",
      //     serialNum: "",
      //     tableName: "",
      //     tcddoc: "",
      //   },
      // ],
      // newValue: {
      //   id: 0,
      //   cmail1: "",
      //   cmail2: "",
      //   docnam: "",
      //   description: "",
      //   serialNum: "",
      //   tableName: "",
      //   tcddoc: "",
      // },
      // codeTable: [
      //   { label: 'Airway Bills', value: '1' },
      //   { label: `Beneficiary's Declaration`, value: '2' },
      //   { label: 'Bill of Lading Copies', value: '3' },
      //   { label: 'Bill of Lading Originals', value: '4' },
      //   { label: 'Certificate', value: '5' },
      //   { label: 'Certificate of Analysis', value: '6' },
      //   { label: 'Certificate of Origin', value: '7' },
      //   { label: 'Certificate of Quality', value: '8' },
      //   { label: 'Certificate of Quantity', value: '9' },
      //   { label: 'Commercial Invoice', value: '10' },
      //   { label: 'Courier Receipt', value: '11' },
      //   { label: 'Draft', value: '12' },
      //   { label: 'Export Licence ', value: '13' },
      //   { label: 'Fax Report', value: '14' },
      //   { label: 'Inspection Cert', value: '15' },
      //   { label: 'Insurance Policy', value: '16' },
      //   { label: 'Packing List', value: '17' },
      //   { label: 'Shipment Advice', value: '18' },
      //   { label: 'Weight List', value: '19' },
      // ],
    };
  },
  methods: { 
    
    // addTableValue(index) {
    //   var newTableValue = Object.assign({}, this.newValue);
    //   const serial=Utils.generateUUID();
    //   newTableValue.serialNum=serial;
    //   // this.model.brtp.docgrdm.docgrd.push(newTableValue);
    //   this.model.brtp.docgrdm.docgrd.splice(index-1,0,newTableValue);
    // },
    // deleteTable(index) {
    //   this.model.brtp.docgrdm.docgrd.splice(index, 1);
    // },
  },
  created: function () {},
  computed: {
    docdisflg: {
      get() {
        return this.model.brdgrp.blk.docdisflg != ""
      },
      set(val) {
        this.model.brdgrp.blk.docdisflg = val ? "X" : ""
      }
    },
  },
};
</script>
<style>
.messageLabel >>> .el-form-item__label {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
</style>