<template>
  <div class="eibs-tab">
    <c-content :height="300">
      <!-- ----------左 ---------->
      <c-col :span="11">
        <el-form-item
          label="Party No."
          prop="ptysea.extkey"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.ptysea.extkey"
              placeholder="请输入"
              disabled
            ></c-input>

            <template slot="footer">
              <c-button
                style="margin: 0px 10px 0 10; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
                disabled
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>

              <c-button size="small" type="primary" @click="onRecpanGetpty" disabled>
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>

        <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>

        <el-form-item label="Type">
          <el-radio-group v-model="radio" disabled>
            <el-radio :label="0" v-model="model.seatypb">Bank</el-radio>
            <el-radio :label="1" v-model="model.seatypc">Client</el-radio>
            <el-radio :label="2" v-model="model.seatypa">Own Address</el-radio>
            <el-radio :label="3" v-model="model.seatypo">Other</el-radio>
            <el-radio :label="4" v-model="model.seatyph">海关</el-radio>
          </el-radio-group>
        </el-form-item>

        <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>

        <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>

        <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>

        <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>

        <el-form-item label="Optional 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 :sapn="24">
          <c-col :span="12">
            <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="12">
            <el-form-item label=" 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>
        <c-col :span="24">
          <el-form-item label="Optional Second  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=" PostBox" 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=" 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="24">
          <el-form-item>
            <c-checkbox v-model="model.recgrp.rec.hbkaccflg" disabled
              >Use Accounting of HouseBank</c-checkbox
            >
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <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="24">
          <el-form-item label="支行" prop="recpan.bchkey">
            <c-select
              v-model="model.recpan.bchkey"
              style="width: 100%"
              placeholder="请选择Branch Key"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="中文地址" 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="" 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="" 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 :span="24">
          <el-form-item label="中文邮编" prop="recgrp.adrmaa.pobzip">
            <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>

      <!------------- 右  ------------->
      <c-col :span="11" :offset="1">
        <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>
        <el-form-item label="Chinese name" prop="recgrp.rec.nam1">
          <c-fullbox>
            <c-input
              type="textarea"
              v-model="model.recgrp.rec.nam1"
              maxlength="50"
              show-word-limit
              placeholder="请输入Chinese name"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" @click="onRecpanAltnam">
                ECIF名称
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>

        <el-form-item label="Address Status" prop="recgrp.rec.adrsta">
          <c-select
            v-model="model.recgrp.rec.adrsta"
            style="width: 100%"
            placeholder="请选择Address Status"
            disabled
          >
          </c-select>
        </el-form-item>

        
            <el-form-item label="Telephone 1" prop="recgrp.adrmaa.tel1">
              <c-input
                v-model="model.recgrp.adrmaa.tel1"
                maxlength="20"
                placeholder="请输入Telephone 1"
                disabled
              ></c-input>
            </el-form-item>
          
            <el-form-item label="Telephone 2" prop="recgrp.adrmaa.tel2">
              <c-input
                v-model="model.recgrp.adrmaa.tel2"
                maxlength="20"
                placeholder="请输入Telephone 2"
                disabled
              ></c-input>
            </el-form-item>
          

            
            <el-form-item label="Telefax 1" prop="recgrp.adrmaa.fax1">
              <c-input
                v-model="model.recgrp.adrmaa.fax1"
                maxlength="20"
                placeholder="请输入Telefax 1"
                disabled
              ></c-input>
            </el-form-item>
            
            <el-form-item label="Telefax 2" prop="recgrp.adrmaa.fax2">
              <c-input
                v-model="model.recgrp.adrmaa.fax2"
                maxlength="20"
                placeholder="请输入Telefax 2"
                disabled
              ></c-input>
            </el-form-item>
         

        <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>
        
            <el-form-item label="BIC " prop="recgrp.adrmaa.bic">
              <c-input
                v-model="model.recgrp.adrmaa.bic"
                maxlength="11"
                placeholder="请输入BIC of Address Optional"
                disabled
              ></c-input>
            </el-form-item>
         
            <el-form-item label=" Bank Code  " 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>
         
        <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>
        
          <el-form-item label="TradeConnect ID" prop="recgrp.adrmaa.tid">
            <c-input
              v-model="model.recgrp.adrmaa.tid"
              maxlength="23"
              placeholder="请输入TradeConnect ID"
              disabled
            ></c-input>
          </el-form-item>
        
        <el-form-item label=" Clearing " 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>

        <el-form-item label="Line with Postbox" prop="recgrp.adrmaa.pob">
          <c-input
            v-model="model.recgrp.adrmaa.pob"
            maxlength="35"
            placeholder="请输入Line with Postbox"
            disabled
          ></c-input>
        </el-form-item>
        
          
            <el-form-item label="Language " prop="recgrp.adrmaa.uil">
              <c-col :span="12">
              <c-select
                v-model="model.recgrp.adrmaa.uil"
                style="width: 100%"
                placeholder="请选择 Language "
                disabled
              >
              </c-select>
              </c-col>
            </el-form-item>
          
          
            <el-form-item label=" Messages" prop="recgrp.adrmaa.cortyp">
              <c-col :span="12">
              <c-select
                v-model="model.recgrp.adrmaa.cortyp"
                style="width: 100%"
                placeholder="Messages SWT, LET, TLX, TCO"
                disabled
              >
              </c-select>
              </c-col>
            </el-form-item>
          
        
        <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>

        
          <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>
        

        
          <el-form-item label=" 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>
        
        <el-form-item>
          <c-col :span="24">
            <c-checkbox v-model="model.recgrp.rec.heqaccflg" disabled
              >Use Accounting of Headquarters</c-checkbox
            >
          </c-col>
        </el-form-item>
        
      </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/Infpty/Event";

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


<!-- <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> -->
       <!-- <el-form-item label="Type">
              <c-checkbox v-model="model.recgrp.typb">Bank</c-checkbox>

              <c-checkbox v-model="model.recgrp.typc">Client</c-checkbox>

              <c-checkbox v-model="model.recgrp.typa">Own Address</c-checkbox>

              <c-checkbox v-model="model.recgrp.typo">Other</c-checkbox>

              <c-checkbox v-model="model.recgrp.typh">海关</c-checkbox>
            </el-form-item> -->
            <!-- <c-col :span="12">
              <el-form-item label="Address Number" prop="recgrp.rec.extkey">
                <c-input
                  v-model="model.recgrp.rec.extkey"
                  maxlength="24"
                  placeholder="请输入Address Number"
                ></c-input>-->

                <!-- <c-col :span="24">
              <c-button size="small" type="primary" @click="onRecpanGet">
                Get
              </c-button>
            </c-col>  -->


            <!-- <c-col :span="24">
          <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="24">
          <el-form-item label="Address Number" prop="recgrp.hbk.extkey">
            <c-input
              v-model="model.recgrp.hbk.extkey"
              maxlength="24"
              placeholder="请输入Address Number"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <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="24">
          <el-form-item label="Address Number" prop="recgrp.heq.extkey">
            <c-input
              v-model="model.recgrp.heq.extkey"
              maxlength="24"
              placeholder="请输入Address Number"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <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="24">
          <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> -->