Detp1.vue

<template>
  <div class="eibs-tab">
    <!-- <c-row> -->
    <!--=== ==========左边=============== -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
          <c-input
          disabled
            v-model="model.didgrp.rec.tzref"
            maxlength="35"
            placeholder="请输入通知行参考号"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- =========================通知行========================= -->
      <c-col :span="24">
        <el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
          <c-input
            v-model="model.didgrp.adv.pts.extkey"
            maxlength="16"
            placeholder="请输入通知行BIC"
            @keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      
      <c-ptapdome
        :disabledBankno="true"
        :disabledJigomc="true"
        :disabledDizhii="true"
        :model="model"
        :argadr="{
          title: '通知行',
          rol: 'adv',
          grp: 'didgrp'
        }"
      ></c-ptapdome>
      <c-col :span="13">
        <el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
          <c-input
            disabled
            v-model="model.didgrp.adv.pts.youzbm"
            maxlength="6"
            placeholder="请输入邮编  电证用"
          ></c-input>
        </el-form-item> </c-col
      ><c-col :span="11">
        <el-form-item
          label="通知行电话"
          prop="didgrp.adv.pts.dihdig"
          label-width="100px"
        >
          <c-input
            disabled
            v-model="model.didgrp.adv.pts.dihdig"
            maxlength="16"
            placeholder="请输入电话"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- ============= 议付行 ========================= -->
      <c-col :span="24">
        <el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
          <c-select
          disabled
            v-model="model.didgrp.rec.fenctg"
            style="width: 100%"
            placeholder="请选择是否可议付"
          >
            <el-option
              v-for="item in codes.fenctg"
              :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="didgrp.rec.avbwth">
          <c-select
            :disabled="model.didgrp.rec.fenctg != 'Y'"
            v-model="model.didgrp.rec.avbwth"
            style="width: 100%"
            placeholder="请选择指定的有关银行"
            @change="chooseBank"
          >
            <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="true"
        :disabledJigomc="true"
        :disabledDizhii="true"
        :model="model"
        :argadr="{
          title: '议付行',
          rol: 'avb',
          grp: 'didgrp'
        }"
      ></c-ptapdome>
      <!-- ========================转让行 ======================== -->
      <c-col :span="24">
        <el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
          <c-select
          disabled
            v-model="model.didgrp.rec.lcrtyp"
            style="width: 100%"
            placeholder="请选择"
          >
            <el-option
              v-for="item in codes.lcrtyp"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
    
      <c-ptapdome
        :disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
        :disabledJigomc="true"
        :disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
        :model="model"
        :argadr="{
          title: '转让行',
          rol: 'cmb',
          grp: 'didgrp'
        }"
      ></c-ptapdome>
    </c-col>
    <!--=== ==========右边=============== -->
    <c-col :span="11" :offset="1">
        <!-- =========================开证行========================= -->
      <c-col :span="24">
        <el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
          <c-input
          disabled
            v-model="model.didgrp.iss.pts.extkey"
            maxlength="16"
            placeholder="请输入开证行BIC"
            @keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
          ></c-input>
        </el-form-item>
      </c-col>
     
      <c-ptapdome
        :disabledBankno="true"
        :disabledJigomc="true"
        :disabledDizhii="true"
        :model="model"
        :argadr="{
          title: '开证行',
          rol: 'iss',
          grp: 'didgrp'
        }"
        :isIss="true"
      ></c-ptapdome>

      <c-col :span="13">
        <el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
          <c-input
            disabled
            v-model="model.didgrp.iss.pts.youzbm"
            maxlength="6"
            placeholder="请输入邮编  电证用"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item
          label="开证行电话"
          prop="didgrp.iss.pts.dihdig"
          label-width="100px"
        >
          <c-input
            disabled
            v-model="model.didgrp.iss.pts.dihdig"
            maxlength="16"
            placeholder="请输入电话"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- =========================保兑行========================= -->
        <c-col :span="24">
          <el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
            <c-select
            disabled
              v-model="model.didgrp.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.didgrp.rec.bdflg != 'Y'"
          :disabledJigomc="true"
          :disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
          :model="model"
          :argadr="{
            title: '保兑行',
            rol: 'rmb',
            grp: 'didgrp'
          }"
        ></c-ptapdome>
        <!-- ========================申请行 ======================== -->
     
      <c-ptapdome
        :disabledBankno="true"
        :disabledJigomc="true"
        :disabledDizhii="true"
        :model="model"
        :argadr="{
          title: '申请行',
          rol: 'apc',
          grp: 'didgrp'
        }"
      ></c-ptapdome>
      <c-col :span="13">
        <el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
          <c-input
          disabled
            v-model="model.didgrp.apc.pts.youzbm"
            maxlength="6"
            placeholder="请输入邮编  电证用"
          ></c-input>
        </el-form-item> 
        </c-col>
      <c-col :span="11">
        <el-form-item
          label="申请人电话"
          prop="didgrp.apc.pts.dihdig"
          label-width="100px"
        >
          <c-input
          disabled
            v-model="model.didgrp.apc.pts.dihdig"
            maxlength="16"
            placeholder="请输入电话 电证用"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Ditopn/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,
    async chooseBank(){
      let rtnmsg = await this.executeRule("didgrp.rec.avbwth");   //DIDGRP\REC\AVBWTH
      if(rtnmsg.respCode == SUCCESS){
        Utils.copyValueFromVO(this.model, rtnmsg.data);
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>