<template>
  <div class="eibs-tab">
    <c-content>
      <!--------- 左 --------->
      <c-col :span="11">
        <c-col :span="24">
          <el-form-item
            label="Party No."
            prop="recgrp.rec.extkey"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.recgrp.rec.extkey"
                maxlength="24"
                placeholder="请输入Party No."
                @keyup.enter.native="showGridPromptDialog('recgrp.rec.extkey')"
              >
              </c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0px 10px 0 10; padding: 0 12px"
                  size="small"
                  type="primary"
                  @click="onSeainf"
                >
                  <span style="font-family: '宋体'; font-weight: bold">i</span>
                </c-button>

                <!-- <c-button size="small" type="primary" @click="onRecpanGetpty">
                  获取
                </c-button> -->
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="组织机构代码" prop="recgrp.rec.juscod">
            <c-fullbox>
              <c-input
                v-model="model.recgrp.rec.juscod"
                maxlength="10"
                placeholder="请输入组织机构代码"
                disabled
              ></c-input>
              <template slot="footer">
                <c-checkbox v-model="model.recgrp.rec.dshflg" disabled
                  >是否电商</c-checkbox
                >
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Type">
            <c-checkbox v-model="model.recgrp.typb" disabled>Bank</c-checkbox>
            <c-checkbox v-model="model.recgrp.typc" disabled>Client</c-checkbox>
            <c-checkbox v-model="model.recgrp.typa" disabled
              >Own Address</c-checkbox
            >
            <c-checkbox v-model="model.recgrp.typo" disabled>Other</c-checkbox>
            <c-checkbox v-model="model.recgrp.typh" disabled>海关</c-checkbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Name 1" prop="recgrp.adrmaa.nam1">
            <c-input
              v-model="model.recgrp.adrmaa.nam1"
              maxlength="35"
              placeholder="请输入Name 1/SWIFT Line 1"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Name 2" prop="recgrp.adrmaa.nam2">
            <c-input
              v-model="model.recgrp.adrmaa.nam2"
              maxlength="35"
              placeholder="请输入Name 2/SWIFT Line 2"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Name 3" prop="recgrp.adrmaa.nam3">
            <c-input
              v-model="model.recgrp.adrmaa.nam3"
              maxlength="35"
              placeholder="请输入Name 3"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Street" prop="recgrp.adrmaa.str1">
            <c-input
              v-model="model.recgrp.adrmaa.str1"
              maxlength="35"
              placeholder="请输入Street/SWIFT Line 3"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Second  Street" prop="recgrp.adrmaa.str2">
            <c-input
              v-model="model.recgrp.adrmaa.str2"
              maxlength="35"
              placeholder="请输入Optional Second Line of Street"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Post Code" prop="recgrp.adrmaa.loczip">
            <c-input
              v-model="model.recgrp.adrmaa.loczip"
              maxlength="10"
              placeholder="请输入ZIP Code/First Part of SWIFT Line 4"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Textpart of City" prop="recgrp.adrmaa.loctxt">
            <c-input
              v-model="model.recgrp.adrmaa.loctxt"
              maxlength="25"
              placeholder="请输入Textpart of City/Second Part of SWIFT Line 4"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Second Line of City" prop="recgrp.adrmaa.loc2">
            <c-input
              v-model="model.recgrp.adrmaa.loc2"
              maxlength="35"
              placeholder="请输入Optional Second Line of City"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="P O Box" prop="recgrp.adrmaa.pob">
            <c-input
              v-model="model.recgrp.adrmaa.pob"
              maxlength="35"
              placeholder="请输入Line with Postbox"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="Textpart of City Used "
            prop="recgrp.adrmaa.pobtxt"
          >
            <c-input
              v-model="model.recgrp.adrmaa.pobtxt"
              maxlength="25"
              placeholder="请输入Textpart of City Used when Addressing Postbox"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Country or region" prop="recgrp.adrmaa.loccty">
            <c-select
              v-model="model.recgrp.adrmaa.loccty"
              style="width: 100%"
              placeholder="请选择Country"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="E-mail" prop="recgrp.adrmaa.eml">
            <c-input
              v-model="model.recgrp.adrmaa.eml"
              maxlength="80"
              placeholder="请输入eMail/Internet"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Housebank" prop="recgrp.hbk.extkey">
            <c-input
              v-model="model.recgrp.hbk.extkey"
              maxlength="24"
              placeholder="请输入Address Number"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Headquarter" prop="recgrp.heq.extkey">
            <c-input
              v-model="model.recgrp.heq.extkey"
              maxlength="24"
              placeholder="请输入Address Number"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item label="Account M." prop="recgrp.rec.accusr">
            <c-input
              v-model="model.recgrp.rec.accusr"
              maxlength="8"
              placeholder="请输入User ID of Account Officer"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="10">
          <el-form-item
            label="支行"
            prop="recpan.bchkey"
            label-width="45px"
            style="margin-left: 12px"
            disabled
          >
            <c-select
              v-model="model.recpan.bchkey"
              style="width: 100%"
              placeholder="请选择Branch Key"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        
      </c-col>

      <!--------- 右 ---------->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="Party Name" prop="recgrp.rec.nam">
            <c-input
              v-model="model.recgrp.rec.nam"
              maxlength="40"
              placeholder="请输入Party Name"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Chinese name" prop="recgrp.rec.nam1">
            <c-input
              type="textarea"
              v-model="model.recgrp.rec.nam1"
              maxlength="50"
              show-word-limit
              placeholder="请输入Chinese name"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Address Status" prop="recgrp.rec.adrsta">
            <c-select
              v-model="model.recgrp.rec.adrsta"
              style="width: 100%"
              placeholder="请选择Address Status"
              :code="codes.adrsta"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <c-form-item label="电话1" prop="recgrp.adrmaa.tel1">
            <c-input
              v-model="model.recgrp.adrmaa.tel1"
              maxlength="20"
              placeholder="请输入Telephone 1"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="10">
          <c-form-item
            label="电话2"
            prop="recgrp.adrmaa.tel2"
            label-width="45px"
            style="margin-left: 12px"
          >
            <c-input
              v-model="model.recgrp.adrmaa.tel2"
              maxlength="20"
              placeholder="请输入Telephone 2"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item label="传真1" prop="recgrp.adrmaa.fax1">
            <c-input
              v-model="model.recgrp.adrmaa.fax1"
              maxlength="20"
              placeholder="请输入Telefax 1"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="10">
          <el-form-item
            label="传真2"
            prop="recgrp.adrmaa.fax2"
            label-width="45px"
            style="margin-left: 12px"
          >
            <c-input
              v-model="model.recgrp.adrmaa.fax2"
              maxlength="20"
              placeholder="请输入Telefax 2"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item label="Telex " prop="recgrp.adrmaa.tlx">
            <c-input
              v-model="model.recgrp.adrmaa.tlx"
              maxlength="20"
              placeholder="请输入Telex Number"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="10">
          <el-form-item
            label="BIC "
            prop="recgrp.adrmaa.bic"
            label-width="45px"
            style="margin-left: 12px"
          >
            <c-input
              v-model="model.recgrp.adrmaa.bic"
              maxlength="11"
              placeholder="请输入BIC of Address Optional"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Bank Code" prop="recgrp.adrmaa.blz">
            <c-input
              v-model="model.recgrp.adrmaa.blz"
              maxlength="8"
              placeholder="请输入Bankleitzahl German Clearing Code"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Branch ID" prop="recgrp.adrmaa.bid">
            <c-input
              v-model="model.recgrp.adrmaa.bid"
              maxlength="35"
              placeholder="请输入Branch Identification Used in Option B of SWIFT Fieldtags"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="TradeConnect ID" prop="recgrp.adrmaa.tid">
            <c-fullbox>
              <c-input
                v-model="model.recgrp.adrmaa.tid"
                maxlength="23"
                placeholder="请输入TradeConnect ID"
                disabled
              ></c-input>
              <!-- <c-button size="small" type="primary" @click="onRecpanGet">
              Get
            </c-button> -->
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Clearing" prop="recgrp.adrmaa.clc">
            <c-input
              v-model="model.recgrp.adrmaa.clc"
              maxlength="35"
              placeholder="请输入Clearing Code for Banks"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="14">
          <el-form-item label="Language" prop="recgrp.adrmaa.uil">
            <c-select
              v-model="model.recgrp.adrmaa.uil"
              style="width: 100%"
              placeholder="请选择Default Language Code"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="10">
          <el-form-item
            label="Messages"
            prop="recgrp.adrmaa.cortyp"
            label-width="48px"
            style="margin-left: 12px"
          >
            <c-select
              v-model="model.recgrp.adrmaa.cortyp"
              style="width: 100%"
              placeholder="请选择Primary Output Chanel of Messages SWT, LET, TLX, TCO"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Department" prop="recgrp.adrmaa.dpt">
            <c-input
              v-model="model.recgrp.adrmaa.dpt"
              maxlength="35"
              placeholder="请输入Department"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="开户行信息" prop="recgrp.ptamaa.issbchinf">
            <c-input
              v-model="model.recgrp.ptamaa.issbchinf"
              maxlength="40"
              placeholder="请输入Info of bank"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="16">
          <el-form-item label="External Visible Name" prop="recgrp.hbk.nam">
            <c-input
              v-model="model.recgrp.hbk.nam"
              maxlength="40"
              placeholder="请输入External Visible Name"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="8">
          <c-checkbox v-model="model.recgrp.rec.hbkaccflg" disabled
            >Use Accounting of House Bank</c-checkbox
          >
        </c-col>

        <c-col :span="16">
          <el-form-item label="External Visible Name" prop="recgrp.heq.nam">
            <c-input
              v-model="model.recgrp.heq.nam"
              maxlength="40"
              placeholder="请输入External Visible Name"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="8">
          <c-checkbox v-model="model.recgrp.rec.heqaccflg" disabled
            >Use Accounting of Headquarters</c-checkbox
          >
        </c-col>

        <c-col :span="24">
          <el-form-item label="中文邮编" prop="recgrp.adrmaa.pobzip" disabled>
            <c-input
              v-model="model.recgrp.adrmaa.pobzip"
              maxlength="10"
              placeholder="请输入ZIP Code Used when Addressing Postbox"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="中文地址1" prop="recgrp.adrmaa.adr1">
            <c-input
              v-model="model.recgrp.adrmaa.adr1"
              maxlength="40"
              placeholder="请输入Chinese Address"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文地址2" prop="recgrp.adrmaa.adr2">
            <c-input
              v-model="model.recgrp.adrmaa.adr2"
              maxlength="40"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文地址3" prop="recgrp.adrmaa.adr3">
            <c-input
              v-model="model.recgrp.adrmaa.adr3"
              maxlength="40"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

      </c-col>
    </c-content>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Dbipty/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  computed: {},
  methods: { ...Event, onSeainf() {},
  },
  created: function () {},
};
</script>
<style>
</style>

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

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

    

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

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

    <!-- <c-col :span="11">
      <c-button size="small" type="primary" @click="onRecpanAltnam">
        ECIF名称
      </c-button>
    </c-col> -->