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-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="请输入通知行BIC"
            @keyup.enter.native="showGridPromptDialog('dedgrp.adv.pts.extkey')"
          ></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="请输入开证行BIC"
            @keyup.enter.native="showGridPromptDialog('dedgrp.iss.pts.extkey')"
          ></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>
      
      <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-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-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="请输入申请人账号"></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="请输入申请人开户行 联行行号"></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>