<template>
  <div class="eibs-tab">
    <!-- ========顶部======== -->
    <c-col :span="24">
      <c-col :span="11">
        <c-col :span="20">
          <el-form-item label="Party No." prop="recpan.pty.extkey">
            <c-input
              v-model="model.recpan.pty.extkey"
              maxlength="24"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button type="primary" disabled>i</c-button>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="11" :offset="1">
        <el-form-item
          label="Party Name"
          prop="recpan.pty.nam"
          label-width="120px"
        >
          <c-input
            v-model="model.recpan.pty.nam"
            maxlength="40"
            placeholder="请输入Party Name"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-col :span="11">
        <c-col :span="20">
          <el-form-item label="Address No." prop="recgrp.rec.objkey">
            <c-input
              v-model="model.recgrp.rec.objkey"
              maxlength="24"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button type="primary" disabled>i</c-button>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="11" :offset="1">
        <el-form-item
          label="Address Name"
          prop="recgrp.rec.nam"
          label-width="120px"
        >
          <c-input
            v-model="model.recgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Address Name"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ========单选框========= -->
    <c-col :span="24">
      <c-col :span="16">
        <c-col :span="4">
          <el-form-item label="Type"> </el-form-item>
        </c-col>
        <c-col :span="5">
          <el-form-item label="Bank" prop="typb">
            <c-checkbox v-model="model.recgrp.typb"></c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="5">
          <el-form-item label="Client" prop="typc">
            <c-checkbox v-model="model.recgrp.typc"></c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="5">
          <el-form-item label="Own Address" prop="typa">
            <c-checkbox v-model="model.recgrp.typa"></c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="5">
          <el-form-item label="Other" prop="typo">
            <c-checkbox v-model="model.recgrp.typo"></c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- <c-col :span="11">
        <c-checkbox v-model="model.recgrp.typb">Bank</c-checkbox>
      </c-col>

      <c-col :span="11">
        <c-checkbox v-model="model.recgrp.typc">Client</c-checkbox>
      </c-col>

      <c-col :span="11">
        <c-checkbox v-model="model.recgrp.typa">Own Address</c-checkbox>
      </c-col>

      <c-col :span="11">
        <c-checkbox v-model="model.recgrp.typo">Other</c-checkbox>
      </c-col> -->
      <c-col :span="7">
      <el-form-item label="Address Status" prop="recgrp.rec.adrsta" label-width="120px">
        <c-select
          v-model="model.recgrp.rec.adrsta"
          style="width: 100%"
          placeholder="请选择Address Status"
        >
        <el-option
            v-for="item in codes.adrsta"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          ></el-option>
        </c-select>
      </el-form-item>
    </c-col>
    </c-col>

    <!-- ============中部-左============= -->
    <c-col :span="11">
        <c-col :span="24">
      <el-form-item label="Name" prop="recgrp.adr.nam1">
        <c-input
          v-model="model.recgrp.adr.nam1"
          maxlength="35"
          placeholder="请输入Name 1"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="" prop="recgrp.adr.nam2">
        <c-input
          v-model="model.recgrp.adr.nam2"
          maxlength="35"
          placeholder="请输入Name 2"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="" prop="recgrp.adr.nam3">
        <c-input
          v-model="model.recgrp.adr.nam3"
          maxlength="35"
          placeholder="请输入Name 3"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Street" prop="recgrp.adr.str1">
        <c-input
          v-model="model.recgrp.adr.str1"
          maxlength="35"
          placeholder="请输入Street1"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item
        label=""
        prop="recgrp.adr.str2"
      >
        <c-input
          v-model="model.recgrp.adr.str2"
          maxlength="35"
          placeholder="请输入Street2"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
        <c-col :span="12">
      <el-form-item
        label="Post Code & City"
        prop="recgrp.adr.loczip"
      >
        <c-input
          v-model="model.recgrp.adr.loczip"
          maxlength="10"
          placeholder="请输入ZIP Code/First Part of SWIFT Line 4"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label=""
        prop="recgrp.adr.loctxt"
        label-width="15px"
      >
        <c-input
          v-model="model.recgrp.adr.loctxt"
          maxlength="25"
          placeholder="请输入Textpart of City/Second Part of SWIFT Line 4"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="" prop="recgrp.adr.loc2">
        <c-input
          v-model="model.recgrp.adr.loc2"
          maxlength="35"
          placeholder="请输入Optional Second Line of City"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="P O Box" prop="recgrp.adr.pob">
        <c-input
          v-model="model.recgrp.adr.pob"
          maxlength="35"
          placeholder="请输入Line with Postbox"
        ></c-input>
      </el-form-item>
    </c-col>
    <!-- <c-col :span="24">
      <el-form-item
        label="Textpart of City Used when Addressing Postbox"
        prop="recgrp.adr.pobtxt"
      >
        <c-input
          v-model="model.recgrp.adr.pobtxt"
          maxlength="25"
          placeholder="请输入Textpart of City Used when Addressing Postbox"
        ></c-input>
      </el-form-item>
    </c-col> -->
    <c-col :span="24" style="margin-top:60px">
      <el-form-item label="Country or region" prop="recgrp.adr.loccty">
        <c-select
          v-model="model.recgrp.adr.loccty"
          style="width: 100%"
          placeholder="请选择Country or region"
        >
        <el-option
                  v-for="item in codes.loccty"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
        </c-select>
      </el-form-item>
    </c-col>

    </c-col>

    </c-col>
    <!-- ============中部-右============= -->
    <c-col :span="11" :offset="1">
        <c-col :span="24">
            <c-col :span="14">
      <el-form-item label="Telephone 1/2" prop="recgrp.adr.tel1">
        <c-input
          v-model="model.recgrp.adr.tel1"
          maxlength="20"
          placeholder="请输入Telephone 1"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="10">
      <el-form-item label="" prop="recgrp.adr.tel2" label-width="15px">
        <c-input
          v-model="model.recgrp.adr.tel2"
          maxlength="20"
          placeholder="请输入Telephone 2"
        ></c-input>
      </el-form-item>
    </c-col>
        </c-col>
        <c-col :span="24">
            <c-col :span="14">
      <el-form-item label="Telefax 1/2" prop="recgrp.adr.fax1">
        <c-input
          v-model="model.recgrp.adr.fax1"
          maxlength="20"
          placeholder="请输入Telefax 1"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="10">
      <el-form-item label="" prop="recgrp.adr.fax2" label-width="15px">
        <c-input
          v-model="model.recgrp.adr.fax2"
          maxlength="20"
          placeholder="请输入Telefax 2"
        ></c-input>
      </el-form-item>
    </c-col>
        </c-col>
        <c-col :span="24">
      <el-form-item label="Telex" prop="recgrp.adr.tlx">
        <c-input
          v-model="model.recgrp.adr.tlx"
          maxlength="20"
          style="width:50%"
          placeholder="请输入Telex Number"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="BIC" prop="recgrp.adr.bic">
        <c-input
          v-model="model.recgrp.adr.bic"
          maxlength="11"
          style="width:35%"
          placeholder="请输入BIC"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item
        label="Branch ID"
        prop="recgrp.adr.bid"
      >
        <c-input
          v-model="model.recgrp.adr.bid"
          maxlength="35"
          placeholder="请输入Branch Identification Used in Option B of SWIFT Fieldtags"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="TradeCon." prop="recgrp.adr.tid">
        <c-input
          v-model="model.recgrp.adr.tid"
          maxlength="23"
          placeholder="请输入TradeConnect ID"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Bank Code" prop="recgrp.adr.blz">
        <c-input
          v-model="model.recgrp.adr.blz"
          maxlength="8"
          placeholder=""
          style="width:30%"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Clearing" prop="recgrp.adr.clc">
        <c-input
          v-model="model.recgrp.adr.clc"
          maxlength="35"
          placeholder="请输入Clearing"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
        <c-col :span="12">
      <el-form-item label="Language" prop="recgrp.adr.uil">
        <c-select
          v-model="model.recgrp.adr.uil"
          style="width: 100%"
          placeholder="请选择"
        >
        <el-option
                  v-for="item in codes.uil"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Messages"
        prop="recgrp.adr.cortyp"
      >
        <c-select
          v-model="model.recgrp.adr.cortyp"
          style="width: 100%"
          placeholder="请选择"
        >
        <el-option
                  v-for="item in codes.cortyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
        </c-select>
      </el-form-item>
    </c-col>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Department" prop="recgrp.adr.dpt">
        <c-input
          v-model="model.recgrp.adr.dpt"
          maxlength="35"
          placeholder="请输入Department"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="开户行信息" prop="recgrp.rec.issbchinf">
        <c-input
          v-model="model.recgrp.rec.issbchinf"
          maxlength="40"
          placeholder="请输入Info of bank"
        ></c-input>
      </el-form-item>
    </c-col>

    </c-col>

    <c-col :span="24">
      <el-form-item label="E-mail" prop="recgrp.adr.eml">
        <c-input
          v-model="model.recgrp.adr.eml"
          maxlength="80"
          style="width:60%"
          placeholder="请输入E-mail"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
          <c-col :span="11">
      <el-form-item
        label="Usage"
        prop="recgrp.rec.usg"
      >
        <c-select
          v-model="model.recgrp.rec.usg"
          style="width: 100%"
          placeholder="请选择Usage"
        >
        <el-option
                  v-for="item in codes.usg"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="5" :offset="1">
      <el-form-item label="支行" prop="recpan.branchkey">
        <c-select
          v-model="model.recpan.branchkey"
          style="width: 100%"
          placeholder="请选择支行"
        >
        <el-option
                  v-for="item in codes.branchkey"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="6">
      <el-form-item label="分行" prop="recpan.bchkey">
        <c-select
          v-model="model.recpan.bchkey"
          style="width: 100%"
          placeholder="请选择分行"
        >
        <el-option
                  v-for="item in codes.bchkey"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
        </c-select>
      </el-form-item>
    </c-col>
    </c-col>

    <c-col :span="11">
      <el-form-item label="中文地址 1" prop="recgrp.adr.adr1">
        <c-input
          v-model="model.recgrp.adr.adr1"
          maxlength="40"
          placeholder="请输入adr1"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="2" prop="recgrp.adr.adr2">
        <c-input
          v-model="model.recgrp.adr.adr2"
          maxlength="40"
          placeholder="请输入adr2"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11">
      <el-form-item label="3" prop="recgrp.adr.adr3">
        <c-input
          v-model="model.recgrp.adr.adr3"
          maxlength="40"
          placeholder="请输入adr3"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="5" :offset="1">
      <el-form-item
        label="中文邮编"
        prop="recgrp.adr.pobzip"
      >
        <c-input
          v-model="model.recgrp.adr.pobzip"
          maxlength="10"
          placeholder="请输入中文邮编"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="5">
      <el-form-item label="国内地区码" prop="recgrp.adr.discod">
        <c-input
          v-model="model.recgrp.adr.discod"
          maxlength="6"
          placeholder="请输入国内地区码"
        ></c-input>
      </el-form-item>
    </c-col>




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

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

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

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

  

    
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpta/Event";

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