<template>
 
    <c-row>
      <!-- ====================左边======================= -->
      <c-col :span="11">
        <!-- Available with -->
        <c-col :span="24">
          <el-form-item label="指定银行" prop="ltdgrp.rec.avbwth">
            <c-select
              v-model="model.ltdgrp.rec.avbwth"
              style="width: 100%"
              placeholder="请选择指定银行"
            >
            </c-select>
          </el-form-item>  
        </c-col>
         <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{
              title: '指定银行',
              grp: 'ltdgrp',
              rol: 'avt',
            }"
            :noRef="true"
            :onlySearch="true"
            @onSeainf="onSeainf"
            @onAplpDet="onAvbpDet"
          >
          </c-ptap>
        </c-col>
       <c-col :span="24">
          <el-form-item label="名称地址" prop="ltdgrp.blk.avbwthtxt">
            <c-input
              type="textarea"
              :rows="3"
              v-model="model.ltdgrp.blk.avbwthtxt"
              maxlength="35"
              show-word-limit
              placeholder="请输入名称地址"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="兑付方式" prop="ltdgrp.rec.avbby">
            <c-select
              v-model="model.ltdgrp.rec.avbby"
              style="width: 100%"
              placeholder="请选择兑付方式"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="期限描述" prop="ltdgrp.blk.defdet">
            <c-input
              type="textarea"
              :rows="3"
              v-model="model.ltdgrp.blk.defdet"
              maxlength="35"
              show-word-limit
              placeholder="请输入期限描述"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="汇票期限" prop="ltdgrp.blk.dftat">
            <c-input
              type="textarea"
              :rows="3"
              v-model="model.ltdgrp.blk.dftat"
              maxlength="35"
              show-word-limit
              placeholder="请输入汇票期限"
            ></c-input>
          </el-form-item>
        </c-col>
          <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{
              title: '汇票申请人',
              grp: 'ltdgrp',
              rol: 'drw',
            }"
            :noRef="true"
            @onSeainf="onSeainf"
            @onAplpDet="onDrwpDet"
          >
          </c-ptap>
        </c-col>
    
        <!-- <c-col :span="24">
          <el-form-item label="指定银行" prop="ltdgrp.rec.avbwth">
            <c-select
              v-model="model.ltdgrp.rec.avbwth"
              style="width: 100%"
              placeholder="请选择Available with"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="External Key of Address"
            prop="ltdgrp.avt.pts.extkey"
          >
            <c-input
              v-model="model.ltdgrp.avt.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
          <c-col :span="18">
            <el-form-item
              label="External Key of Address"
              prop="ltdgrp.avt.pts.extkey"
            >
              <c-input
                v-model="model.ltdgrp.avt.pts.extkey"
                maxlength="16"
                placeholder="请输入External Key of Address"
                @keyup.enter.native="
                  showGridPromptDialog('ltdgrp.avt.pts.extkey')
                "
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="2">
            <el-form-item label="" label-width="5px">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onSeainf('ltdgrp.avt.pts.extkey')"
              ></c-button>
            </el-form-item>
          </c-col>
          <c-col :span="4">
            <el-form-item label="" label-width="5px">
              <c-button size="small" type="primary" @click="onAplpDet">
                Details
              </c-button>
            </el-form-item>
          </c-col>
        </c-col> -->
        <!-- <c-col :span="24">
        <el-form-item label="External Key of Address" prop="ltdgrp.avt.pts.extkey">
            <c-input  
            v-model="model.ltdgrp.avt.pts.extkey" 
            maxlength="16"  
            placeholder="请输入External Key of Address"
            ></c-input>
        </el-form-item>
       </c-col>   -->

        <!-- <c-col :span="24">
          <el-form-item label="Available in" prop="ltdgrp.blk.avbwthtxt">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.avbwthtxt"
              maxlength="35"
              show-word-limit
              placeholder="请输入Available in"
            ></c-input>
          </el-form-item>
        </c-col> -->
        <!-- <c-col :span="24">
          <el-form-item label="Available by" prop="ltdgrp.rec.avbby">
            <c-select
              v-model="model.ltdgrp.rec.avbby"
              style="width: 100%"
              placeholder="请选择Available by"
            >
            </c-select>
          </el-form-item>
        </c-col> -->
        <!-- <c-col :span="24">
          <span v-text="model.lttp.labdefdet" data-path=".lttp.labdefdet">
          </span>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Payment Details" prop="ltdgrp.blk.defdet">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.defdet"
              maxlength="35"
              show-word-limit
              placeholder="请输入Deferred Payment Details"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Drafts at" prop="ltdgrp.blk.dftat">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.dftat"
              maxlength="35"
              show-word-limit
              placeholder="请输入Drafts at"
            ></c-input>
          </el-form-item>
        </c-col> -->
        <!-- <c-col :span="24">
          <el-form-item
            label="External Key of Address"
            prop="ltdgrp.drw.pts.extkey"
          >
            <c-input
              v-model="model.ltdgrp.drw.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
          <c-col :span="18">
            <el-form-item
              label="External Key of Address"
              prop="ltdgrp.drw.pts.extkey"
            >
              <c-input
                v-model="model.ltdgrp.drw.pts.extkey"
                maxlength="16"
                placeholder="请输入External Key of Address"
                @keyup.enter.native="
                  showGridPromptDialog('ltdgrp.drw.pts.extkey')
                "
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="2">
            <el-form-item label="" label-width="5px">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onSeainf('ltdgrp.drw.pts.extkey')"
              ></c-button>
            </el-form-item>
          </c-col>
          <c-col :span="4">
            <el-form-item label="" label-width="5px">
              <c-button size="small" type="primary" @click="onAplpDet">
                Details
              </c-button>
            </el-form-item>
          </c-col>
        </c-col> -->
        <!-- <c-col :span="24">
        <el-form-item label="Drawee" prop="ltdgrp.drw.pts.extkey">
            <c-input  v-model="model.ltdgrp.drw.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
       </c-col> -->
        <!-- <c-col :span="24">
          <el-form-item label="名称" prop="ltdgrp.drw.namelc">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.drw.namelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入名称"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="地址" prop="ltdgrp.drw.adrelc">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.drw.adrelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入地址"
            ></c-input>
          </el-form-item>
        </c-col> -->
        <c-col :span="24">
          <el-form-item label="装货地" prop="ltdgrp.rec.shpfro">
            <c-input
              v-model="model.ltdgrp.rec.shpfro"
              maxlength="65"
              placeholder="请输入Dispatch from"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ========================右边======================= -->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="混合付款细节" prop="ltdgrp.blk.mixdet">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.mixdet"
              maxlength="35"
              show-word-limit
              placeholder="请输入Mixed Payment Details"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Presentation Period" prop="ltdgrp.blk.preper">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.preper"
              maxlength="35"
              show-word-limit
              placeholder="请输入Presentation Period"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="Presentation period text"
            prop="ltdgrp.rec.prepertxts18"
          >
            <c-input
              v-model="model.ltdgrp.rec.prepertxts18"
              maxlength="35"
              placeholder="请输入Presentation period text"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Details of Charges" prop="ltdgrp.blk.feetxt">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.feetxt"
              maxlength="35"
              show-word-limit
              placeholder="请输入Additional Details to Code for Charges CHATO"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Charges Condition" prop="ltdgrp.rec.chato">
            <c-select
              v-model="model.ltdgrp.rec.chato"
              style="width: 100%"
              placeholder="请选择Own Charges Borne by"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="国家代码" prop="ltdgrp.rec.stacty">
            <c-select
              v-model="model.ltdgrp.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="tenor days" prop="ltdgrp.rec.tenmaxday">
            <c-input
              v-model="model.ltdgrp.rec.tenmaxday"
              placeholder="请输入Maximum tenor in days"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- =================底部====================== -->

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="Air-/Port of Departure" prop="ltdgrp.rec.porloa">
            <c-input
              v-model="model.ltdgrp.rec.porloa"
              maxlength="65"
              placeholder="请输入Air-/Port of Departure"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="Air-/Port of Destination"
            prop="ltdgrp.rec.pordis"
          >
            <c-input
              v-model="model.ltdgrp.rec.pordis"
              maxlength="65"
              placeholder="请输入Air-/Port of Destination"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Final Destination" prop="ltdgrp.rec.shpto">
            <c-input
              v-model="model.ltdgrp.rec.shpto"
              maxlength="65"
              placeholder="请输入Final Destination"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Shipment Period" prop="ltdgrp.blk.shpper">
            <c-input
              type="textarea"
              v-model="model.ltdgrp.blk.shpper"
              maxlength="65"
              show-word-limit
              placeholder="请输入Shipment Period"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>
    <!-- <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="lttp.avtp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.avtp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                        
       <c-col :span="12">
        <el-form-item label="" prop="lttp.avtp.ptsget.sdamod.seainf">
            <c-input  v-model="model.lttp.avtp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAvtpDet">
            Details
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="ltdgrp.avt.namelc">
            <c-input type="textarea" v-model="model.ltdgrp.avt.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
          
       <c-col :span="12">
        <el-form-item label="Address Block" prop="ltdgrp.avt.pts.adrblk">
            <c-input type="textarea" v-model="model.ltdgrp.avt.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="ltdgrp.avt.dbfadrblkcn">
            <c-input type="textarea" v-model="model.ltdgrp.avt.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="ltdgrp.avt.adrelc">
            <c-input type="textarea" v-model="model.ltdgrp.avt.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
            ...
        </c-button>
       </c-col>
                  
                  
       <c-col :span="12">
        <el-form-item label="Days of presentation period" prop="ltdgrp.rec.prepers18">
            <c-input  v-model="model.ltdgrp.rec.prepers18"  placeholder="请输入Days of presentation period"></c-input>
        </el-form-item>
       </c-col> 
    
       <c-col :span="12">
	    <c-checkbox v-model="model.ltdgrp.blk.preperflg">Presentation Period modified</c-checkbox>
       </c-col>

       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onChariaButtxmsel">
            ...
        </c-button>
       </c-col>                                                 
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="lttp.drwp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.lttp.drwp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>             
       <c-col :span="12">
        <el-form-item label="" prop="lttp.drwp.ptsget.sdamod.seainf">
            <c-input  v-model="model.lttp.drwp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onDrwpDet">
            Details
        </c-button>
       </c-col>
              
       <c-col :span="12">
        <el-form-item label="Address Block" prop="ltdgrp.drw.pts.adrblk">
            <c-input type="textarea" v-model="model.ltdgrp.drw.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="ltdgrp.drw.dbfadrblkcn">
            <c-input type="textarea" v-model="model.ltdgrp.drw.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>-->
 
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  components: { "c-ptap": Ptap },
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
    watch: {
    "model.ledgrp.avb.pts.adrblk": {
      handler(val, oldVal) {
        this.model.ledgrp.blk.avbwthtxt = val;
      },
      immediate: true,
    },
  },
};
</script>
<style>
</style>
