Detp1.vue

<template>
  <div class="eibs-tab">
   <!--=== ==========左边=============== -->
   <c-col :span="11"> 
      <c-col :span="24">
        <el-form-item label="是否可议付" prop="dedgrp.rec.isyifu">
          <c-select
            v-model="model.dedgrp.rec.isyifu"
            style="width: 100%"
            placeholder="请选择是否可议付"
            @change="selectOrCheckboxRule('dedgrp.rec.isyifu')"
          >
            <el-option
              v-for="item in codes.isyifu"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
       <el-form-item label="指定的有关银行 " prop="dedgrp.rec.avbwth">
          <c-select
            :disabled="model.dedgrp.rec.isyifu != 'Y'"
            v-model="model.dedgrp.rec.avbwth"
            style="width: 100%"
            placeholder="请选择指定的有关银行"
          >
            <el-option
              v-for="item in codes.avbwth"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      
      <!--
      <c-col :span="24">
        <el-form-item label="议付行联行行号" prop="dedgrp.avb.pts.bankno">
            <c-input  v-model="model.dedgrp.avb.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="议付行名称" prop="dedgrp.avb.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.avb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="议付行地址" prop="dedgrp.avb.pts.dizhii">
            <c-input type="textarea" v-model="model.dedgrp.avb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址  电证用" ></c-input>
        </el-form-item>
      </c-col>
       -->

      <c-ptapdome
        :disabledBankno="model.dedgrp.rec.avbwth != 'S'"
        :disabledJigomc="true"
        :disabledDizhii="model.dedgrp.rec.avbwth != 'S'"
        :model="model"
        :argadr="{
          title: '议付行',
          rol: 'avb',
          grp: 'dedgrp'
        }"
      ></c-ptapdome>

      <!--
      <c-col :span="24">
        <el-form-item label="通知行BIC" prop="dedgrp.adv.pts.extkey">
            <c-input  v-model="model.dedgrp.adv.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
      </c-col>
      -->

      <c-col :span="24">
        <el-form-item label="通知行BIC" prop="dedgrp.adv.pts.extkey">
          <c-input
            v-model="model.dedgrp.adv.pts.extkey"
            maxlength="16"
            placeholder="请输入External Key of Address"
            @keyup.enter.native="showGridPromptDialog('dedgrp.adv.pts.extkey')"
          ></c-input>
        </el-form-item>
      </c-col>
      
      <!--
      <c-col :span="24">
        <el-form-item label="通知行联行行号" prop="dedgrp.adv.pts.bankno">
            <c-input  v-model="model.dedgrp.adv.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="通知行联行名称" prop="dedgrp.adv.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.adv.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="通知行地址" prop="dedgrp.adv.pts.dizhii">
            <c-input type="textarea" v-model="model.dedgrp.adv.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址  电证用" ></c-input>
        </el-form-item>
      </c-col>
      -->
      <c-ptapdome
        :disabledBankno="true"
        :disabledJigomc="true"
        :disabledDizhii="true"
        :model="model"
        :argadr="{
          title: '通知行',
          rol: 'adv',
          grp: 'dedgrp'
        }"
      ></c-ptapdome>

      <c-col :span="13">
        <el-form-item label="通知行邮编" prop="dedgrp.adv.pts.youzbm">
            <c-input  v-model="model.dedgrp.adv.pts.youzbm" maxlength="6" disabled placeholder="请输入邮编"></c-input>
        </el-form-item>
      </c-col>
                                   
      <c-col :span="11">
        <el-form-item label="通知行电话" prop="dedgrp.adv.pts.dihdig" label-width="100px">
            <c-input  v-model="model.dedgrp.adv.pts.dihdig" maxlength="16" disabled  placeholder="请输入电话"></c-input>
        </el-form-item>
      </c-col>
      
                               
      <c-col :span="24">
        <el-form-item label="信用证编号" prop="dedgrp.rec.kzref">
            <c-input  v-model="model.dedgrp.rec.kzref" maxlength="35"  placeholder="请输入信用证编号"></c-input>
        </el-form-item>
       </c-col>
       

      <!--
      <c-col :span="24">
        <el-form-item label="开证行BIC" prop="dedgrp.iss.pts.extkey">
            <c-input  v-model="model.dedgrp.iss.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
      </c-col>
      -->

      <!-- =========================开证行========================= -->
      <c-col :span="24">
        <el-form-item label="开证行BIC" prop="dedgrp.iss.pts.extkey">
          <c-input
            v-model="model.dedgrp.iss.pts.extkey"
            maxlength="16"
            placeholder="请输入External Key of Address"
            @keyup.enter.native="showGridPromptDialog('dedgrp.iss.pts.extkey')"
          ></c-input>
        </el-form-item>
      </c-col>

      <!--<c-col :span="24">
        <el-form-item label="开证行联行行号" prop="dedgrp.iss.pts.bankno">
            <c-input  v-model="model.dedgrp.iss.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
      </c-col>
   
      <c-col :span="24">
        <el-form-item label="开证行联行名称" prop="dedgrp.iss.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.iss.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="开证行地址" prop="dedgrp.iss.pts.dizhii">
            <c-input type="textarea" v-model="model.dedgrp.iss.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址  电证用" ></c-input>
        </el-form-item>
      </c-col>
      -->
     
      <c-ptapdome
        :model="model"
        :argadr="{
          title: '开证行',
          rol: 'iss',
          grp: 'dedgrp'
        }"
        :isIss="false"
      ></c-ptapdome>


      <c-col :span="12">
        <el-form-item label="开证行邮编" prop="dedgrp.iss.pts.youzbm">
            <c-input  v-model="model.dedgrp.iss.pts.youzbm" maxlength="6"  placeholder="请输入邮编  电证用"></c-input>
        </el-form-item>
       </c-col>
                                   
      <c-col :span="12">
        <el-form-item label="开证行电话" prop="dedgrp.iss.pts.dihdig" label-width="100px">
            <c-input  v-model="model.dedgrp.iss.pts.dihdig" maxlength="16"  placeholder="请输入电话"></c-input>
        </el-form-item>
      </c-col>

   </c-col> 


    <!--=== ==========右边=============== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
       <el-form-item label="是否可保兑" prop="dedgrp.rec.bdflg">
            <c-select
              v-model="model.dedgrp.rec.bdflg"
              style="width: 100%"
              placeholder="请选择是否可保兑"
            >
              <el-option
                v-for="item in codes.bdflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
      </c-col>
      
      <!-- <el-form-item label="保兑行联行行号" prop="dedgrp.rmb.pts.bankno">
        <c-input
          :disabled="model.dedgrp.rec.bdflg != 'Y'"
          v-model="model.dedgrp.rmb.pts.bankno"
          maxlength="20"
          placeholder="请输入Number of bank"
          @keyup.enter.native="showGridPromptDialog('dedgrp.rmb.pts.bankno')"
        ></c-input>
      </el-form-item>

      <el-form-item label="保兑行名称" prop="dedgrp.rmb.pts.jigomc">
        <c-input
          disabled
          type="textarea"
          v-model="model.dedgrp.rmb.pts.jigomc"
          maxlength="35"
          show-word-limit
          placeholder="请输入联行名称  电证用"
        ></c-input>
      </el-form-item>
      <el-form-item label="保兑行地址" prop="dedgrp.rmb.pts.dizhii">
        <c-input
          :disabled="model.dedgrp.rec.bdflg != 'Y'"
          type="textarea"
          v-model="model.dedgrp.rmb.pts.dizhii"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址  电证用"
        ></c-input>
      </el-form-item> -->

      <c-ptapdome
          :disabledBankno="model.dedgrp.rec.bdflg != 'Y'"
          :disabledJigomc="true"
          :disabledDizhii="model.dedgrp.rec.bdflg != 'Y'"
          :model="model"
          :argadr="{
            title: '保兑行',
            rol: 'rmb',
            grp: 'dedgrp'
          }"
      ></c-ptapdome>

      <!--
      <c-col :span="24">
        <el-form-item label="转让行联行行号" prop="dedgrp.cmb.pts.bankno">
            <c-input  v-model="model.dedgrp.cmb.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="转让行名称" prop="dedgrp.cmb.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.cmb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
      </c-col>
                                                                                                                                                                                                                                                                                                         
      <c-col :span="24">
        <el-form-item label="转让行地址" prop="dedgrp.cmb.pts.dizhii">
            <c-input type="textarea" v-model="model.dedgrp.cmb.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址  电证用" ></c-input>
        </el-form-item>
      </c-col>
      -->
     
      <c-ptapdome
        :disabledBankno="this.model.dedgrp.rec.lcrtyp != 'IT'"
        :disabledJigomc="this.model.dedgrp.rec.lcrtyp != 'IT'"
        :disabledDizhii="this.model.dedgrp.rec.lcrtyp != 'IT'"
        :model="model"
        :argadr="{
          title: '转让行',
          rol: 'cmb',
          grp: 'dedgrp'
        }"
      ></c-ptapdome>
      
      <!--
      <c-col :span="24">
        <el-form-item label="申请行联行行号" prop="dedgrp.apc.pts.bankno">
            <c-input  v-model="model.dedgrp.apc.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="申请行名称" prop="dedgrp.apc.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.apc.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
        </c-col>
                                                     
       <c-col :span="24">
        <el-form-item label="申请行地址" prop="dedgrp.apc.pts.dizhii">
            <c-input type="textarea" v-model="model.dedgrp.apc.pts.dizhii" maxlength="35" show-word-limit placeholder="请输入地址  电证用" ></c-input>
        </el-form-item>
        </c-col>
       -->
      <c-ptapdome
        :disabledBankno="true"
        :disabledJigomc="true"
        :disabledDizhii="true"
        :model="model"
        :argadr="{
          title: '申请行',
          rol: 'apc',
          grp: 'dedgrp'
        }"
      ></c-ptapdome>

       <c-col :span="13">
        <el-form-item label="申请人邮编" prop="dedgrp.apc.pts.youzbm">
            <c-input  v-model="model.dedgrp.apc.pts.youzbm" maxlength="6" disabled placeholder="请输入邮编  电证用"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="11">
        <el-form-item label="申请人电话" prop="dedgrp.apc.pts.dihdig" label-width="100px">
            <c-input  v-model="model.dedgrp.apc.pts.dihdig" maxlength="16" disabled  placeholder="请输入电话"></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="申请人账号" prop="dedgrp.apl.pts.extact">
            <c-input  v-model="model.dedgrp.apl.pts.extact" maxlength="34"  placeholder="请输入External Account"></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="申请人开户行 联行行号" prop="dedgrp.apb.pts.bankno">
            <c-input  v-model="model.dedgrp.apb.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="联行名称" prop="dedgrp.apb.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.apb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="申请人统一社会信用代码" prop="dedgrp.rec.idcode">
            <c-input  v-model="model.dedgrp.rec.idcode" maxlength="18"  placeholder="请输入申请人统一社会信用代码"></c-input>
        </el-form-item>
       </c-col>

    </c-col>
               
                                                    


                                                                               
                                                    

                                   

                                   

  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detopn/Event"
import Utils from "~/utils";
import PtapDome from "~/views/Public/PtapDome";

export default {
    components: { "c-ptapdome": PtapDome },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>