Routeinfo.vue

<template>
  <div class="eibs-tab">
    <!-- 1、Swift -->
    <c-col :span="24" v-if="this.model.cpdgrp.rec.cptrou=='SWIFT'||this.model.cpdgrp.rec.cptrou==''">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- S0000231 : 汇款行 -->
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :requiredExtkey="swiftOriRequiredExtkey" :requiredNam="swiftOriRequiredNam" :disabledExtkey="false" :disabled="!(this.model.spt.inr!=''&&this.model.spt.sta=='INC'&&this.model.cpdgrp.ori.pts.extkey=='')" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '汇款行（52a）', grp: 'cpdgrp', rol: 'ori',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :requiredExtkey="swiftSndRequiredExtkey" :requiredNam="swiftSndRequiredNam" :disabledExtkey="false" :disabled="true" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '发报行', grp: 'cpdgrp', rol: 'snd',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
    </c-col>
    <!-- 2、CIPS -->
    <c-col :span="24" v-if="this.model.cpdgrp.rec.cptrou=='CIPS'">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <c-ptap-bank :disabledNam="true" :disabledExtkey="true" :model="model" :mainInfo="{ moduleKey: 'cipmod', keyLabel: '收款直接参与者行号', keyProp: 'reconebch', otherLabel: '收款直接参与者名称', otherProp: 'reconebchnam', cyzgbs:'DRPT',banktyp:'Y'}">
          </c-ptap-bank>
        </c-col>
        <c-col :span="24">
          <c-ptap-bank :model="model" :mainInfo="{ moduleKey: 'cipmod', keyLabel: '收款人开户行行号', keyProp: 'pyebchkey', otherLabel: '收款人开户行名称', otherProp: 'pyebchnam', cyzgbs:'IDPT',banktyp:'N'}">
          </c-ptap-bank>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <c-ptap-bank :model="model" :mainInfo="{ moduleKey: 'cipmod', keyLabel: '付款直接参与者行号', keyProp: 'staonebch', otherLabel: '付款直接参与者名称', otherProp: 'staonebchnam', cyzgbs:'DRPT',banktyp:'Y'}">
          </c-ptap-bank>
        </c-col>
        <c-col :span="24">
          <c-ptap-bank :model="model" :mainInfo="{ moduleKey: 'cipmod', keyLabel: '付款人开户行行号', keyProp: 'fkrkhh', otherLabel: '付款人开户行名称', otherProp: 'fukrhm', cyzgbs:'IDPT',banktyp:'N'}">
          </c-ptap-bank>
        </c-col>
      </c-col>
    </c-col>
    <!-- 3、境内外币 -->
    <c-col :span="24" v-if="this.model.cpdgrp.rec.cptrou=='JNWB'">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="true" :isAdrblk="false" :isAdrVisible="false" :isShowCard="false" :argadr="{title: '接收行',grp: 'cpdgrp', rol: 'res',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
        <!-- S0000189 : 收款人开户行 -->
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="true" :isAdrblk="false" :isAdrVisible="false" :isShowCard="false" :argadr="{title: '收款人开户行',grp: 'cpdgrp', rol: 'pyb',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="true" :isAdrblk="false" :isAdrVisible="false" :isShowCard="false" :argadr="{title: '发报行',grp: 'cpdgrp', rol: 'snd',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
        <!-- S0000231 : 汇款人开户行 -->
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="true" :isAdrblk="false" :isAdrVisible="false" :isShowCard="false" :argadr="{title: '汇款人开户行',grp: 'cpdgrp', rol: 'ori',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
    </c-col>
    <!-- 4、行内划转 -->
    <c-col :span="24" v-if="this.model.cpdgrp.rec.cptrou=='HNHZ'">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- S0000189 : 收款人开户行 -->
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="true" :isAdrblk="true" :haveAdrLabel="false" :isShowCard="false" :argadr="{title: '收款人开户行',grp: 'cpdgrp', rol: 'pyb',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- S0000231 : 汇款人开户行 -->
        <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="true" :isAdrblk="true" :haveAdrLabel="false" :isShowCard="false" :argadr="{title: '汇款人开户行',grp: 'cpdgrp', rol: 'ori',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
    </c-col>
    <!-- 5、大小额 -->
    <c-col :span="24" v-if="this.model.cpdgrp.rec.cptrou=='OTHER'">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true" :isShowCard="false" :argadr="{title: '接收行',grp: 'cpdgrp', rol: 'res',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col> -->
        <c-col :span="24">
          <el-form-item label="接收行行号" prop="cptp.resbch">
            <c-input v-model="model.cptp.resbch" disabled placeholder="请输入接收行行号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="接收行名称" prop="cptp.resbchnam">
            <c-input v-model="model.cptp.resbchnam" disabled placeholder="请输入接收行名称"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="收款人开户行行号" prop="cptp.pyebchkey">
            <c-input v-model="model.cptp.pyebchkey" disabled placeholder="请输入收款人开户行行号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="收款人开户行名称" prop="cptp.pyebchnam">
            <c-input v-model="model.cptp.pyebchnam" disabled placeholder="请输入收款人开户行名称"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- S0000189 : 收款人开户行 -->
        <!-- <c-col :span="24">
          <el-card class="box-card">
            <c-ptap :model="model" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="false" :isShowCard="false" :argadr="{title: '收款人开户行',grp: 'cpdgrp', rol: 'pyb',}" ptytyp="B">
            </c-ptap>
          </el-card>
        </c-col> -->
        <c-col :span="24">
          <el-form-item label="发起行行号" prop="cipmod.satbch">
            <c-input v-model="model.cipmod.satbch" disabled placeholder="请输发起行行号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="发起行名称" prop="cipmod.satbchnam">
            <c-input v-model="model.cipmod.satbchnam" disabled placeholder="请输入发起行名称"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="付款人开户行行号" prop="cipmod.fkrkhh">
            <c-input v-model="model.cipmod.fkrkhh" disabled placeholder="请输入付款人开户行行号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="付款人开户行名称" prop="cipmod.fukrhm">
            <c-input v-model="model.cipmod.fukrhm" disabled placeholder="请输入付款人开户行名称"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import Default from "../model/default";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {},
  created() {},
  computed: {
    swiftOriRequiredExtkey(){
      return this.model.cpdgrp.ori.pts.extkey==''&&this.model.cpdgrp.ori.pts.adrblk!='';
    },
    swiftOriRequiredNam(){
      return this.model.cpdgrp.ori.pts.extkey!=''&&this.model.cpdgrp.ori.pts.adrblk=='';
    },
    swiftSndRequiredExtkey(){
      return this.model.cpdgrp.snd.pts.extkey==''&&this.model.cpdgrp.snd.pts.adrblk!='';
    },
    swiftSndRequiredNam(){
      return this.model.cpdgrp.snd.pts.extkey!=''&&this.model.cpdgrp.snd.pts.adrblk=='';
    },
  }
};
</script>
<style scoped lang="less">
.box-card {
  margin-bottom: 10px;
  /deep/ .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  /deep/ .el-card__body {
    padding: 10px 10px 10px 0px;
  }
}
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>