<template>
  <div class="eibs">
    <c-row>
      <!-- ====================================左边 =================================-->
      <c-col :span="12" style="padding-right: 20px">
        <!-- 信用证编号 -->
        <c-col :span="24">
          <el-form-item
            label="信用证编号"
            prop="lidgrp.rec.ownref"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.lidgrp.rec.ownref"
                maxlength="8"
                disabled
                placeholder="请输入信用证编号"
              ></c-input>
              <template slot="footer">
                <c-button
                  size="small"
                  style="margin-left: 10px; padding: 0 12px"
                  type="primary"
                  @click="onSeainf"
                  icon="el-icon-info"
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <!-- 到期日 -->
        <c-col :span="24">
          <el-form-item label="有效日期" prop="lidgrp.rec.expdat">
            <c-date-picker
              type="date"
              v-model="model.lidgrp.rec.expdat"
              style="width: 100%"
              placeholder="请输入日期"
              value-format="yyyy-MM-dd"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <!--  单据参考号 -->
        <c-col :span="24">
          <el-form-item
            label="单据编号"
            prop="brdgrp.rec.ownref"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.brdgrp.rec.ownref"
                maxlength="8"
                disabled
                placeholder="请输入单据编号"
              ></c-input>
              <template slot="footer">
                <c-button
                  size="small"
                  style="margin-left: 10px; padding: 0 12px"
                  type="primary"
                  @click="onSeainf"
                  icon="el-icon-info"
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <!--  单据金额 -->
        <c-col :span="24">
          <c-col :span="13">
            <el-form-item label="单据最大金额" prop="brdgrp.cbs.max.cur">
              <c-select
                v-model="model.brdgrp.cbs.max.cur"
                style="width: 100%"
                placeholder="请输入金额"
                :code="codes.curtxt1"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="11">
            <c-form-item label="" label-width="5px" prop="brdgrp.cbs.max.amt">
              <c-input
                v-model="model.brdgrp.cbs.max.amt"
                placeholder=""
                class="m-input-currency"
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>

        <!--  单据余额 -->
        <c-col :span="24">
          <c-col :span="13">
            <c-form-item label="单据开立金额" prop="brdgrp.cbs.opn1.cur">
              <c-select
                v-model="model.brdgrp.cbs.opn1.cur"
                maxlength="3"
                placeholder="请输入金额"
                :code="codes.curtxt"
                disabled
              >
              </c-select>
            </c-form-item>
          </c-col>
          <c-col :span="11">
            <c-form-item label="" label-width="5px" prop="brdgrp.cbs.opn1.amt">
              <c-input
                v-model="model.brdgrp.cbs.opn1.amt"
                placeholder=""
                class="m-input-currency"
                disabled
              ></c-input>
            </c-form-item>
          </c-col>
        </c-col>
        <!--  到单日期 -->
        <c-col :span="12">
          <el-form-item label="收单日期" prop="brdgrp.rec.rcvdat">
            <c-date-picker
              type="date"
              v-model="model.brdgrp.rec.rcvdat"
              style="width: 100%"
              placeholder="请选择收单日期"
              value-format="yyyy-MM-dd"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <!--  通知到单日期 -->
        <c-col :span="12">
          <el-form-item label="通知日期" prop="brdgrp.rec.advdat">
            <c-date-picker
              type="date"
              v-model="model.brdgrp.rec.advdat"
              style="width: 100%"
              placeholder="请输入日期"
              value-format="yyyy-MM-dd"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <!--  Maturity Date -->
        <c-col :span="12">
          <el-form-item label="付款期限" prop="brdgrp.rec.matdat">
            <c-date-picker
              type="date"
              v-model="model.brdgrp.rec.matdat"
              style="width: 100%"
              placeholder="请输入日期"
              value-format="yyyy-MM-dd"
              :disabled="model.brdgrp.rec.mattxtflg == ''"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <!--  Start Date -->
        <c-col :span="12">
          <el-form-item label="开始日期" prop="brdgrp.rec.stadat">
            <c-date-picker
              type="date"
              v-model="model.brdgrp.rec.stadat"
              style="width: 100%"
              placeholder="请输入日期"
              value-format="yyyy-MM-dd"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <!--  单据类型 -->
        <c-col :span="12">
          <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
            <c-select
              v-model="model.brdgrp.rec.docflg"
              style="width: 100%"
              placeholder="请输入单据类型"
              :code="codes.docflg"
              :disabled="model.brdgrp.rec.docflg != ''"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <!-- Tenor -->
        <c-col :span="12">
          <c-form-item
            label="远期最大期限"
            prop="brdgrp.rec.tenmaxday"
          >
            <c-input
              v-model="model.brdgrp.rec.tenmaxday"
              placeholder="请输入天数"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <!--  单据状态 -->
        <c-col :span="24">
          <el-form-item label="单据状态" prop="brdgrp.rec.docsta">
            <c-select
              v-model="model.brdgrp.rec.docsta"
              style="width: 100%"
              placeholder="请选择单据状态"
              :code="codes.docsta2"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <!-- Document Condition -->
        <c-col :span="24">
          <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
            <c-select
              v-model="model.brdgrp.rec.docflg"
              style="width: 100%"
              placeholder="请选择类型"
              :code="codes.brdtyp"
              :disabled="model.brdgrp.rec.docflg != ''"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <!--  Received on -->
        <c-col :span="12">
          <el-form-item label="收单日期" prop="brdgrp.rec.rcvdat">
            <c-date-picker
              type="date"
              v-model="model.brdgrp.rec.rcvdat"
              style="width: 100%"
              placeholder="请选择日期"
              value-format="yyyy-MM-dd"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <!--  Presentation Date -->
        <c-col :span="12">
          <el-form-item label="交单日期" prop="brdgrp.rec.predat">
            <c-date-picker
              type="date"
              v-model="model.brdgrp.rec.predat"
              style="width: 100%"
              placeholder="请选择寄单日期"
              value-format="yyyy-MM-dd"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- Accept Amount -->
        <c-col :span="13">
          <el-form-item label="承兑金额" prop="setmod.doccur">
            <c-input
              v-model="model.setmod.doccur"
              style="width: 100%"
              placeholder="请输入承兑金额"
              disabled
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="5px" prop="setmod.docamt">
            <c-input v-model="model.setmod.docamt" placeholder=""></c-input>
          </el-form-item>
        </c-col>

        <!-- Dco.Amount.Part 单据金额 -->
        <c-col :span="13">
          <el-form-item label="单据金额" prop="brdgrp.cbs.opn2.cur">
            <c-select
              v-model="model.brdgrp.cbs.opn2.cur"
              style="width: 100%"
              placeholder="请选择币种"
              :code="codes.curtxt1"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="5px" prop="aamset.utlamt">
            <c-input
              v-model="model.aamset.utlamt"
              placeholder="请输入单据金额"
              :disabled="model.brdgrp.rec.acpnowflg == ''"
            ></c-input>
          </el-form-item>
        </c-col>
        <!-- Add.Amount.Part 附加金额 -->
        <c-col :span="13">
          <el-form-item label="附加金额" prop="brdgrp.cbs.opn2.cur">
            <c-select
              v-model="model.brdgrp.cbs.opn2.cur"
              style="width: 100%"
              placeholder="请选择币种"
              :code="codes.curtxt1"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="5px" prop="aamset.utlamt2">
            <c-input
              v-model="model.aamset.utlamt2"
              placeholder="请输入附加金额"
              :disabled="model.brdgrp.rec.acpnowflg == ''"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="发报类型" prop="sftmt">
            <c-select
              v-model="model.sftmt"
              style="width: 100%"
              placeholder="请选择类型"
              :code="paysmt"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <!-- TAG72 -->
        <c-col :span="24">
          <el-form-item label="" prop="brdgrp.tag72add">
            <c-fullbox>
              <c-input
                type="textarea"
                v-model="model.brdgrp.tag72add"
                maxlength="1750"
                show-word-limit
                placeholder="请输入"
                :disabled="model.sftmt == '' ? true : false"
                :rows="4"
              ></c-input>
              <template slot="footer">
                <!-- @click="onAcctagButtxmsel" -->
                <c-button
                  size="small"
                  type="primary"
                  icon="el-icon-more"
                  @click="
                    showGridPromptDialog(
                      'brtp.acctag.buttxmsel',
                      null,
                      null,
                      { TXT: 'brdgrp.tag72add' },
                      { TXT: false },
                      'doxpDialog'
                    )
                  "
                  :disabled="model.sftmt == '' ? true : false"
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-col>

      <!-- ====================================右边 ======================================-->
      <c-col :span="12" style="padding-left: 20px">
        <!--  信用证余额 -->
        <c-col :span="13">
          <c-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
            <c-input
              v-model="model.lidgrp.cbs.opn1.cur"
              maxlength="3"
              placeholder="请输入信用证余额"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="11">
          <c-form-item label="" label-width="5px" prop="lidgrp.cbs.opn1.amt">
            <c-input
              v-model="model.lidgrp.cbs.opn1.amt"
              placeholder=""
              class="m-input-currency"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <!--label="Name of Bill Contract"  -->
          <el-form-item label="单据简略信息" prop="brdgrp.rec.nam">
            <c-input
              v-model="model.brdgrp.rec.nam"
              maxlength="40"
              placeholder=""
              disabled
            >
            </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-ptsmsg
            :model="model"
            :argadr="{ title: '申请人', grp: 'brdgrp', rol: 'apl' }"
            disabled
          >
          </c-ptsmsg>
        </c-col>

        <!-- eneficiary Ref -->
        <c-col :span="24">
          <c-ptsmsg
            :model="model"
            :argadr="{ title: '受益人', grp: 'brdgrp', rol: 'ben' }"
            disabled
          >
          </c-ptsmsg>
        </c-col>

        <!-- Presenting Bank Ref 交单行编号-->
        <c-col :span="24">
          <c-ptsmsg
            :model="model"
            :argadr="{
              title: '交单行',
              grp: 'brdgrp',
              rol: 'prb',
            }"
            disabled
          >
          </c-ptsmsg>
        </c-col>

        <!-- Presented by -->
        <c-col :span="24">
          <el-form-item label="交单行" prop="brdgrp.rec.docprbrol">
            <c-select
              v-model="model.brdgrp.rec.docprbrol"
              style="width: 100%"
              placeholder="请输入交单行"
              :code="codes.docprbrol"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap1
            :model="model"
            :argadr="{
              title: '',
              grp: 'brdgrp',
              rol: 'prb',
            }"
            :disabled="model.brdgrp.prb.pts.extkey != ''"
            :isAdrblk="false"
            @onSeainf="onSeainf"
            @onAplpDet="onPrbpDet"
          >
          </c-ptap1>
        </c-col>

        <!--  Payer -->
        <c-col :span="24">
          <el-form-item label="付款人" prop="brdgrp.rec.payrol">
            <c-select
              v-model="model.brdgrp.rec.payrol"
              style="width: 100%"
              placeholder="请选择"
              :code="codes.payrol"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap1
            :model="model"
            :argadr="{
              title: '',
              grp: 'brtp',
              rol: 'oth',
            }"
            :disabled="true"
            :isAdrblk="false"
            disabled1
            @onSeainf="onSeainf"
            @onAplpDet="onOthpDet"
          >
          </c-ptap1>
        </c-col>
      </c-col>
    </c-row>
  </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 Ptap1 from "~/views/Public/Ptap1";
import Ptsmsg from "~/views/Public/Ptsmsg";
import Fullbox from "../../../components/Fullbox.vue";

export default {
  components: {
    "c-ptap1": Ptap1,
    // "c-ptap": Ptap,
    "c-ptsmsg": Ptsmsg,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      paysmt: [
        { label: "MT 732 Advise of Discharge", value: "732" },
        { label: "MT x99 Information B by Free Massage", value: "x99" },
      ],
    };
  },
  methods: {
    ...Event,
    onSeainf() {},
  },
  created: function () {},
  computed: {
    flag() {
      return this.model.brdgrp.prb.pts.extkey == "";
    },
  },
};
</script>

<style>
</style>