<template>
  <c-row>
    <c-col :span="12">
      <el-form-item label="Drag  Drop Sender" prop="bdtp.didget.sdamod.dadsnd">
        <c-input
          v-model="model.bdtp.didget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="信用证参考号" prop="didgrp.rec.ownref">
        <c-input
          v-model="model.didgrp.rec.ownref"
          maxlength="16"
          placeholder="请输入信用证参考号"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="bdtp.didget.sdamod.seainf">
        <c-input
          v-model="model.bdtp.didget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Date of Expiry" prop="didgrp.rec.expdat">
        <c-date-picker
          type="date"
          v-model="model.didgrp.rec.expdat"
          style="width: 100%"
          placeholder="请选择Date of Expiry"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Currency" prop="didgrp.cbs.opn1.cur">
        <c-input
          v-model="model.didgrp.cbs.opn1.cur"
          maxlength="3"
          placeholder="请输入Currency"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Balance" prop="didgrp.cbs.opn1.amt">
        <c-input
          v-model="model.didgrp.cbs.opn1.amt"
          placeholder="请输入Balance"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Drag  Drop Sender" prop="bdtp.recget.sdamod.dadsnd">
        <c-input
          v-model="model.bdtp.recget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据参考号" prop="bddgrp.rec.ownref">
        <c-input
          v-model="model.bddgrp.rec.ownref"
          maxlength="16"
          placeholder="请输入单据参考号"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="bdtp.recget.sdamod.seainf">
        <c-input
          v-model="model.bdtp.recget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Name of Bill Contract" prop="bddgrp.rec.nam">
        <c-input
          v-model="model.bddgrp.rec.nam"
          maxlength="40"
          placeholder="请输入Name of Bill Contract"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
        <c-select
          v-model="model.bddgrp.cbs.max.cur"
          style="width: 100%"
          placeholder="请选择单据金额"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据金额" prop="bddgrp.cbs.max.amt">
        <c-input
          v-model="model.bddgrp.cbs.max.amt"
          placeholder="请输入单据金额"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="申请人" prop="bddgrp.apl.pts.ref">
        <c-input
          v-model="model.bddgrp.apl.pts.ref"
          maxlength="16"
          placeholder="请输入申请人"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
        <c-input
          v-model="model.bddgrp.cbs.opn1.cur"
          maxlength="3"
          placeholder="请输入单据余额"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Balance" prop="bddgrp.cbs.opn1.amt">
        <c-input
          v-model="model.bddgrp.cbs.opn1.amt"
          placeholder="请输入Balance"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Name of Party" prop="bddgrp.apl.pts.nam">
        <c-input
          v-model="model.bddgrp.apl.pts.nam"
          maxlength="40"
          placeholder="请输入Name of Party"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
        <c-date-picker
          type="date"
          v-model="model.bddgrp.rec.rcvdat"
          style="width: 100%"
          placeholder="请选择到单日期"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Start Date" prop="bddgrp.rec.stadat">
        <c-date-picker
          type="date"
          v-model="model.bddgrp.rec.stadat"
          style="width: 100%"
          placeholder="请选择Start Date"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="受益人" prop="bddgrp.ben.pts.ref">
        <c-input
          v-model="model.bddgrp.ben.pts.ref"
          maxlength="16"
          placeholder="请输入受益人"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.bdtp.matp.mattxtlab" data-path=".bdtp.matp.mattxtlab">
      </span>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Maturity Date" prop="bddgrp.rec.matdat">
        <c-date-picker
          type="date"
          v-model="model.bddgrp.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="bddgrp.rec.tenmaxday">
        <c-input
          v-model="model.bddgrp.rec.tenmaxday"
          placeholder="请输入单据到期日"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="远期期限" prop="bddgrp.ben.pts.nam">
        <c-input
          v-model="model.bddgrp.ben.pts.nam"
          maxlength="40"
          placeholder="请输入远期期限"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
        <c-select
          v-model="model.bddgrp.rec.docflg"
          style="width: 100%"
          placeholder="请选择单据类型"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="交单行" prop="bddgrp.prb.pts.ref">
        <c-input
          v-model="model.bddgrp.prb.pts.ref"
          maxlength="16"
          placeholder="请输入交单行"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
        <c-select
          v-model="model.bddgrp.rec.docsta"
          style="width: 100%"
          placeholder="请选择单据状态"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Name of Party" prop="bddgrp.prb.pts.nam">
        <c-input
          v-model="model.bddgrp.prb.pts.nam"
          maxlength="40"
          placeholder="请输入Name of Party"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="SWIFT发送时间" prop="swtdat">
        <c-date-picker
          type="date"
          v-model="model.swtdat"
          style="width: 100%"
          placeholder="请选择SWIFT发送时间"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
        <c-select
          v-model="model.bddgrp.rec.docprbrol"
          style="width: 100%"
          placeholder="请选择交单行"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Order Date" prop="bddgrp.rec.orddat">
        <c-date-picker
          type="date"
          v-model="model.bddgrp.rec.orddat"
          style="width: 100%"
          placeholder="请选择Order Date"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="寄单索款编号" prop="bddgrp.rec.sndref">
        <c-input
          v-model="model.bddgrp.rec.sndref"
          maxlength="20"
          placeholder="请输入寄单索款编号"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="External Key of Address"
        prop="bddgrp.prb.pts.extkey"
      >
        <c-input
          v-model="model.bddgrp.prb.pts.extkey"
          maxlength="16"
          placeholder="请输入External Key of Address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.advrefflg">Advice of Refusal MT734</c-checkbox>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Number of bank" prop="bddgrp.prb.pts.bankno">
        <c-input
          v-model="model.bddgrp.prb.pts.bankno"
          maxlength="20"
          placeholder="请输入Number of bank"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="单据处理类型" prop="bddgrp.rec.bilpro">
        <c-select
          v-model="model.bddgrp.rec.bilpro"
          style="width: 100%"
          placeholder="请选择单据处理类型"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="联行名称  电证用" prop="bddgrp.prb.pts.jigomc">
        <c-input
          type="textarea"
          v-model="model.bddgrp.prb.pts.jigomc"
          maxlength="35"
          show-word-limit
          placeholder="请输入联行名称  电证用"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.advbwdflg">是否发送213拒付报文</c-checkbox>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.advdisflg"
        >Advice of Discrepancy MT750</c-checkbox
      >
    </c-col>

    <c-col :span="12">
      <el-form-item label="地址  电证用" prop="bddgrp.prb.pts.dizhii">
        <c-input
          type="textarea"
          v-model="model.bddgrp.prb.pts.dizhii"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址  电证用"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="退单方式" prop="rejtype">
        <c-input
          v-model="model.rejtype"
          maxlength="1"
          placeholder="请输入退单方式"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox>
    </c-col>

    <c-col :span="12">
      <el-form-item label="付款人" prop="bddgrp.rec.payrol">
        <c-select
          v-model="model.bddgrp.rec.payrol"
          style="width: 100%"
          placeholder="请选择付款人"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bddgrp.rec.advdocflg"
        >Return of Documents</c-checkbox
      >
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="bdtp.othp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.bdtp.othp.ptsget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="External Key of Address" prop="bdtp.oth.pts.extkey">
        <c-input
          v-model="model.bdtp.oth.pts.extkey"
          maxlength="16"
          placeholder="请输入External Key of Address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="bdtp.othp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.bdtp.othp.ptsget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onOthpDet">
        Details
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Disposal of Documents" prop="bddgrp.blk.disdoc">
        <c-input
          type="textarea"
          v-model="model.bddgrp.blk.disdoc"
          maxlength="35"
          show-word-limit
          placeholder="请输入Disposal of Documents"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onDisdocButtxmsel"
      >
        ...
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item label="名称" prop="bdtp.oth.namelc">
        <c-input
          type="textarea"
          v-model="model.bdtp.oth.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="bdtp.oth.pts.adrblk">
        <c-input
          type="textarea"
          v-model="model.bdtp.oth.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="bdtp.oth.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.bdtp.oth.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="bdtp.oth.adrelc">
        <c-input
          type="textarea"
          v-model="model.bdtp.oth.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bddgrp.blk.disdocflg"
        >Defaulted content of Disposal of Documents</c-checkbox
      >
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.rejpenins"
        >Rejection pending instructions</c-checkbox
      >
    </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/Bdtdcr/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 {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
