<template> <div class="eibs-tab"> <c-content> <!-- ========顶部======== --> <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 icon="el-icon-search"></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.adrsta"> <c-input v-model="model.recgrp.rec.adrsta" 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 icon="el-icon-search"></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"> <el-form-item label="Type"> <c-checkbox v-model="model.seatypb" disabled>Bank</c-checkbox> <c-checkbox v-model="model.seatypc" disabled>Client</c-checkbox> <c-checkbox v-model="model.seatypa" disabled>Own Address</c-checkbox> <c-checkbox v-model="model.seatypo" disabled>Other</c-checkbox> <c-checkbox v-model="model.seatyph" disabled>海关</c-checkbox> </el-form-item> <c-col :span="11" :offset="1"> <el-form-item label="Address Status" prop="recgrp.rec.adrsta" label-width="120px"> <c-input v-model="model.recgrp.rec.adrsta" style="width: 100%" placeholder="请输入Address Status" ></c-input> </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"> <el-form-item label="Language" prop="recgrp.adr.uil"> <c-input v-model="model.recgrp.adr.uil" maxlength="35" placeholder="请输入Language" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Messages" prop="recgrp.adr.cortyp"> <c-input v-model="model.recgrp.adr.cortyp" maxlength="35" placeholder="请输入Messages" ></c-input> </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 :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="8" :offset="1"> <el-form-item label="支行" prop="recpan.branchkey"> <c-input v-model="model.recpan.branchkey" style="width: 100%" placeholder="请选择支行" > </c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="分行" prop="recpan.bchkey"> <c-input v-model="model.recpan.bchkey" style="width: 100%" placeholder="请选择分行" > </c-input> </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="8" :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="8"> <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> --> </c-content> </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>