<template>
  <div class="eibs">
    <!-- =======左========== -->
    <el-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
          <c-input
              disabled
              v-model="model.lidgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="10">
        <el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.cur">
          <c-input
              disabled
              v-model="model.lidgrp.cbs.nom1.cur"
              style="width: 100%"
              placeholder="请选择信用证金额"
          >
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.nom1.amt">
          <c-input
              disabled
              v-model.number="model.lidgrp.cbs.nom1.amt"
              placeholder="请输入信用证金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="4">
        <c-checkbox disabled v-model="model.brtp.aammod.addamtflg"
        >附加金额
        </c-checkbox
        >
      </c-col>

      <c-col :span="10">
        <el-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
          <c-input
              disabled
              v-model="model.lidgrp.cbs.opn1.cur"
              maxlength="3"
              placeholder="请输入信用证余额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
          <c-input
              disabled
              v-model.number="model.lidgrp.cbs.opn1.amt"
              placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="4">
        <c-checkbox disabled v-model="model.lidgrp.rec.revflg"
        >循环信用证
        </c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <el-form-item label="可用银行" prop="lidgrp.avbnam">
          <c-input
              disabled
              v-model="model.lidgrp.avbnam"
              maxlength="40"
              placeholder="请输入可用银行"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="兑付方式" prop="lidgrp.rec.avbby">
          <c-select
              disabled
              :code="codes.avbby"
              v-model="model.lidgrp.rec.avbby"
              style="width: 100%"
              placeholder="请选择兑付方式"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <c-checkbox
            disabled
            v-model="model.lidgrp.rec.redclsflg"
            style="margin-left: 25px; padding: 0 10px"
        >红/绿条款
        </c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <el-form-item label="开证日期" prop="lidgrp.rec.opndat">
          <c-date-picker
              disabled
              type="date"
              v-model="model.lidgrp.rec.opndat"
              style="width: 100%"
              placeholder="请选择开证日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="装运日期" prop="lidgrp.rec.shpdat">
          <c-date-picker
              disabled
              type="date"
              v-model="model.lidgrp.rec.shpdat"
              style="width: 100%"
              placeholder="请选择最迟装运日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="有效期限" prop="lidgrp.rec.expdat">
          <c-date-picker
              disabled
              type="date"
              v-model="model.lidgrp.rec.expdat"
              style="width: 100%"
              placeholder="请选择到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="到期地点" prop="lidgrp.rec.expplc">
          <c-input
              disabled
              v-model="model.lidgrp.rec.expplc"
              maxlength="29"
              placeholder="请输入到期地点"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
          <c-select
              :code="codes.lcrtyp"
              disabled
              v-model="model.lidgrp.rec.lcrtyp"
              style="width: 100%"
              placeholder="请选择信用证类型"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="提货担保编号" prop="brdgrp.rec.shgref">
          <c-fullbox>
            <c-input
                disabled
                v-model="model.brdgrp.rec.shgref"
                maxlength="16"
                placeholder="请输入提货担保编号"
            ></c-input>

            <template slot="footer">
              <c-button size="small" type="primary" @click="queryShgref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="单据编号" prop="brdgrp.rec.ownref">
          <c-fullbox>
            <c-input
                disabled
                v-model="model.brdgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入单据编号"
            ></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" @click="Butgetref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="14">
        <el-form-item label="提货担保金额" prop="brdgrp.cbs.max.cur">
          <c-input
              disabled
              v-model="model.brdgrp.cbs.max.cur"
              maxlength="3"
              placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max.amt">
          <c-input
              v-model="model.brdgrp.cbs.max.amt"
              placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="装运备注" prop="shpmar">
          <c-input
              :rows="3"
              type="textarea"
              v-model="model.shpmar"
              maxlength="40"
              show-word-limit
              placeholder="请输入装运备注"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="总份数" prop="pietat">
          <c-input
              v-model="model.pietat"
              maxlength="80"
              placeholder="请输入总份数"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="担保银行" prop="guabnkval">
          <c-input
              v-model="model.guabnkval"
              maxlength="40"
              style="width: 77%"
              placeholder="请输入担保银行"
          ></c-input>
          <span style="font-size: 12px; color: #606266"
          >(提货担保面函落款)</span
          >
        </el-form-item>
      </c-col>
    </el-col>

    <!-- ========右========= -->
    <el-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="lidgrp.rec.nam">
          <c-input
              disabled
              v-model="model.lidgrp.rec.nam"
              maxlength="40"
              placeholder="请输入简略信息"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="申请人参考号" prop="brdgrp.apl.pts.ref">
          <c-input
              disabled
              v-model="model.brdgrp.apl.pts.ref"
              maxlength="16"
              placeholder="请输入申请人"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="申请人名称" prop="brdgrp.apl.pts.nam">
          <c-input
              disabled
              v-model="model.brdgrp.apl.pts.nam"
              maxlength="40"
              placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受益人参考号" prop="brdgrp.ben.pts.ref">
          <c-input
              disabled
              v-model="model.brdgrp.ben.pts.ref"
              maxlength="16"
              placeholder="请输入受益人"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受益人名称" prop="brdgrp.ben.pts.nam">
          <c-input
              disabled
              v-model="model.brdgrp.ben.pts.nam"
              maxlength="40"
              placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="寄单行参考号" prop="brdgrp.prb.pts.ref">
          <c-input
              disabled
              v-model="model.brdgrp.prb.pts.ref"
              maxlength="16"
              placeholder="请输入寄单行参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="寄单行名称" prop="brdgrp.prb.pts.nam">
          <c-input
              disabled
              v-model="model.brdgrp.prb.pts.nam"
              maxlength="40"
              placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="简略信息" prop="brdgrp.rec.nam">
          <c-input
              disabled
              v-model="model.brdgrp.rec.nam"
              maxlength="40"
              placeholder="请输入简略信息"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="货押标识" prop="brdgrp.rec.guaflg">
          <c-select
              v-model="model.brdgrp.rec.guaflg"
              style="width: 100%"
              placeholder="请选择货押标识"
              :code="codes.guaflg"
          >
          </c-select>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <c-ptap
            :model="model"
            :argadr="{
            title: '地址编码',
            grp: 'brdgrp',
            rol: 'prb',
          }"
            @keyup.enter.native="
                queryGridEtyPromptDialogData('PRB', 'C')
              "
            :noRef="true"
            :disabled="true"
            :isAdrblk="true"
        >
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <el-form-item label="发票类型" prop="brdgrp.rec.invtyp">
          <c-select
              v-model="model.brdgrp.rec.invtyp"
              style="width: 100%"
              placeholder="请选择发票类型"
              :code="codes.invtyp"
          >
          </c-select>
        </el-form-item>
      </c-col>
    </el-col>
  </div>
</template>
<script>
import event from '../event';
import Ptap from "~/views/Public/Ptap";

export default {
  components: {"c-ptap": Ptap},
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event],
  data() {
    return {};
  },
  watch: {
    "model.brdgrp": {
      immediate: true,
      deep: true,
      handler(val, oldval) {
        const res = this.model.brdgrp
        if (res.cbs.max.cur !== "" || res.cbs.max.amt !== "" || res.apl.pts.nam !== "") {
          this.model.brdgrp.rec.nam = (res.cbs.max.cur.concat(" ").concat(res.cbs.max.amt).concat(" ").concat(res.apl.pts.nam)).substring(0, 40);
        }
      }
    }
  },
  methods: {},
  created: function () {
  },
};
</script>
<style>
</style>