<template>
 <c-row>
  <!-- =================顶部====================== -->
  <c-col :span="24">
    <c-col :span="11">
        <c-col :span="20">
          <el-form-item
            label="Reference"
            prop="bodgrp.rec.ownref"
            style="width: 100%"
          >
            <c-input
              v-model="model.bodgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入Reference"
              style="width: 95%"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
          <c-col :span="1">
              <c-button
               style="margin:0 10px 0 0;padding: 0 10px;"
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onSeainf"
              ></c-button>
          </c-col>
          <c-col :span="3" style="text-align: right">
              <c-button
              style="margin:0 0"
                size="small"
                type="primary"
                :disabled="this.flag"
                @click="onDitpButgetref"
              >
                获取
              </c-button>
          </c-col>
    </c-col>
    <c-col :span="11" :offset="1">
        <el-form-item label="摘要" prop="bodgrp.rec.nam">
          <c-input
            align="middle"
            v-model="model.bodgrp.rec.nam"
            maxlength="40"
            disabled
            placeholder="请输入Externally Displayed Name to Identify the Contract"
          ></c-input>
        </el-form-item>
    </c-col>
  </c-col>
  <!-- ====================左边======================= -->
  <c-col :span="11">
    <c-col :span="24">
        <c-col :span="12">
            <el-form-item
            label="Responsible User"
            prop="ditp.usr.extkey"
            style="width: 100%"
            >
            <c-input
                style="width: 95%"
                v-model="model.botp.usr.extkey"
                maxlength="8"
                placeholder="请输入User ID"
                disabled
            ></c-input>
            </el-form-item>
        </c-col>
        <c-col :span="4"> 
            <c-button
                style="margin:0 10px 0 0;padding: 0 10px;"
                size="small"
                icon="el-icon-search"
                type="primary"
                @click="onExtkey"
            ></c-button> 
        </c-col>
        <c-col :span="8">
            <c-checkbox 
            v-model="model.bodgrp.rec.dircolflg"
            >Direct Collection</c-checkbox>
        </c-col>
     </c-col>
      <c-col :span="12">
        <el-form-item label="Document Amount" prop="bodgrp.cbs.max.cur">
          <c-select
            disabled
            v-model="model.bodgrp.cbs.max.cur"
            style="width: 100%"
            placeholder="请选择Currency"
            
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
	  <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="bodgrp.cbs.max.amt"
        >
          <c-input-currency
            v-model="model.bodgrp.cbs.max.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入Document Amount"
            @keyup.enter.native="defaultFunction('bodgrp.cbs.max.amt', model.bodgrp.cbs.max.amt)"
          ></c-input-currency>
        </el-form-item>
      </c-col>
     <c-col :span="12">
        <el-form-item label="Warehouse/Insurance" prop="bodgrp.cbs.opn1.cur">
          <c-select
            disabled
            v-model="model.bodgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder="请选择Currency"
            
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
	  <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="bodgrp.cbs.opn1.amt"
        >
          <c-input-currency
            v-model="model.bodgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入Warehouse/Insurance"
            @keyup.enter.native="defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)"
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="Order Date" prop="bodgrp.rec.rcvdat">
            <c-date-picker 
			 type="date"  
			 v-model="model.bodgrp.rec.rcvdat" 
			 style="width:100%"  
			 placeholder="请选择Order Date"
			></c-date-picker>
        </el-form-item>
       </c-col>		  
       <c-col :span="12">
        <el-form-item label="Shipment date" prop="bodgrp.rec.shpdat">
            <c-date-picker 
			 type="date"  
			 v-model="model.bodgrp.rec.shpdat" 
			 style="width:100%"  
			 placeholder="请选择Shipment date"
			></c-date-picker>
        </el-form-item>
       </c-col>	
	   
       <c-col :span="12">
        <el-form-item label="Presentation Date" prop="bodgrp.rec.predat">
            <c-date-picker type="date"  v-model="model.bodgrp.rec.predat" style="width:100%"  placeholder="请选择Presentation Date"></c-date-picker>
        </el-form-item>
       </c-col>
	   
       <c-col :span="12">
        <el-form-item label="Dispatched on" prop="bodgrp.rec.advdat">
            <c-date-picker type="date"  v-model="model.bodgrp.rec.advdat" style="width:100%"  placeholder="请选择Dispatched on"></c-date-picker>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="Collection Condition" prop="bodgrp.rec.doctypcod">
            <c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择Collection Condition">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item label="Maturity Date" prop="bodgrp.rec.matdat">
            <c-date-picker type="date"  v-model="model.bodgrp.rec.matdat" style="width:100%"  placeholder="请选择Maturity Date"></c-date-picker>
        </el-form-item>
       </c-col>
	   
       <c-col :span="12">
        <el-form-item label="发票类型" prop="bodgrp.rec.invtyp">
            <c-select v-model="model.bodgrp.rec.invtyp" style="width:100%"  >
              </c-select>
        </el-form-item>
       </c-col>
	   
       <c-col :span="12">
        <el-form-item label="Tenor Specification" prop="bodgrp.rec.matpercnt">
            <c-input  v-model="model.bodgrp.rec.matpercnt"  placeholder="请输入Tenor Specification"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="Starting from" prop="bodgrp.rec.matperbeg">
            <c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择Starting from">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="Tenor Details Text" prop="bodgrp.blk.bogdet">
            <c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit placeholder="请输入Tenor Details Text" ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-istream-table
            :list="model.botp.docgrdm.docgrd"
            :columns="columns"
          >
          </c-istream-table>
        </c-col>

  </c-col>
  <!-- ====================右边======================= -->
  <c-col :span="11" :offset="1">
    <c-ptap
       :model="model"
       :argadr="{
         title: 'Drawer',
        grp: 'bodgrp',
        rol: 'drr',
       }"
       :disabled="true"
       @onSeainf="onSeainf"
       @onAplpDet="onBenpDet"
     >
    </c-ptap>
    <c-ptap
       :model="model"
       :argadr="{
         title: 'Collecting Bank',
        grp: 'bodgrp',
        rol: 'col',
       }"
       :disabled="true"
       @onSeainf="onSeainf"
       @onAplpDet="onBenpDet"
     >
    </c-ptap>
    <c-ptap
       :model="model"
       :argadr="{
         title: 'Drawee',
        grp: 'bodgrp',
        rol: 'dre',
       }"
       :disabled="true"
       @onSeainf="onSeainf"
       @onAplpDet="onBenpDet"
     >
    </c-ptap>
    <c-col :span="24">
      <el-form-item label="Country Code Risk Country!" prop="bodgrp.rec.stacty">
          <c-select v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country!">
            </c-select>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Goods Code" prop="bodgrp.rec.stagod" >
          <c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择Goods Code">
            </c-select>
      </el-form-item>
    </c-col>


  </c-col>
 </c-row>
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Botdav/Event"
    import Utils from "~/utils";
    import Ptap from "~/views/Public/Ptap";
    export default {
      components: { "c-ptap": Ptap },
      inject: ["root"],
      props: ["model", "codes"],
      mixins: [CommonProcess],
      data() {
        return {
          columns: ['0 0 "lst1" 100 ', '1 1 "lst2" 100', '2 2 "document" 200'],
        };
     },
        methods: {
            ...Event
			
        },
        created: function () {
            console.log(this.root);
        },
    }
</script>
<style>

</style>