Ovwp.vue

<template>
  <div class="eibs-tab">
        <c-collapse ref="ovwp" style="margin-bottom: 5px;" v-model="activeNames">
          <el-collapse-item title="汇路选择" name="route">
            <div class="eibs-tab">
              <c-col :span="24">
                <!-- ======================= 左边 ========================= -->
                <c-col :span="12" style="padding-right: 20px">
                  <!-- S0000367 : 业务编号 -->
                  <c-col :span="24">
                    <el-form-item label="清算路径" prop="cpdgrp.rec.cptrou">
                      <c-select :disabled="model.cpdgrp.rec.accmod=='G'" v-model="model.cpdgrp.rec.cptrou" style="width:100%" placeholder="" dbCode="CPTROU" uil="CN" sort="SRT" @change="cptrouChange">
                      </c-select>
                    </el-form-item>
                  </c-col>
                  <!-- SF000830 : ISO -->
                  <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'SWIFT'||model.cpdgrp.rec.cptrou==''">
                    <el-form-item label="ISO" prop="cptp.isomsgtyp">
                      <c-select :disabled="model.cpdgrp.rec.cptrou !='SWIFT'||model.cpdgrp.rec.accmod=='G'" v-model="model.cptp.isomsgtyp" style="width:100%" placeholder="" dbCode="TYPMSG" :filterKey="['p8180','p4190','p818s','p9180','p918c','c4180','p4180','p918a']">
                      </c-select>
                    </el-form-item>
                  </c-col>
                </c-col>
                <!-- ======================= 右边 ========================= -->
                <c-col :span="12" style="padding-left: 20px">
                  <!-- SG000422 : 报文类型 -->
                  <!-- <c-col :span="24">
                    <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp" v-if="model.cpdgrp.rec.cptrou!=''">
                      <c-select v-model="model.cpdgrp.rec.swftyp" style="width:100%" placeholder="请输入报文类型" @change="swftypChange">
                        <el-option v-for="item in codes.swftypList" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                      </c-select>
                    </el-form-item>
                  </c-col> -->
                  <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'SWIFT'||model.cpdgrp.rec.cptrou==''">
                    <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
                      <c-select :disabled="model.cpdgrp.rec.cptrou ==''||model.cpdgrp.rec.accmod=='G'" placeholder="请选择报文类型" style="width:100%" v-model="model.cpdgrp.rec.swftyp" dbCode="RMTMSG" :filterKey="['103','200','202','OTH']" uil="CN" sort="SRT" @change="swftypChange()"></c-select>
                    </el-form-item>
                  </c-col>
                  <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'CIPS'">
                    <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
                      <c-select :disabled="model.cpdgrp.rec.accmod=='G'" placeholder="请选择报文类型" style="width:100%" v-model="model.cpdgrp.rec.swftyp" dbCode="RMTMSG" :filterKey="['CIU','CIV']" uil="CN" sort="SRT" @change="swftypChange()"></c-select>
                    </el-form-item>
                  </c-col>
                  <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'JNWB'">
                    <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
                      <c-select @change="jnwbSwftyp" :disabled="model.cpdgrp.rec.accmod=='G'" placeholder="请选择报文类型" style="width:100%" v-model="model.cpdgrp.rec.swftyp" dbCode="RMTMSG" :filterKey="['111','112']" uil="CN" sort="SRT"></c-select>
                    </el-form-item>
                  </c-col>
                  <!-- <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'HNHZ'">
                    <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
                      <c-select :disabled="model.cpdgrp.rec.accmod=='G'" placeholder="请选择报文类型" style="width:100%" v-model="model.cpdgrp.rec.swftyp" dbCode="RMTMSG" :filterKey="['111']" uil="CN" sort="SRT"></c-select>
                    </el-form-item>
                  </c-col> -->
                  <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'OTHER'">
                    <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
                      <c-select :disabled="model.cpdgrp.rec.accmod=='G'" placeholder="请选择报文类型" style="width:100%" v-model="model.cpdgrp.rec.swftyp" dbCode="RMTMSG" :filterKey="['BEP','BEQ','BES','HVP','HVQ','HVR']" uil="CN" sort="SRT"></c-select>
                    </el-form-item>
                  </c-col>
                  <c-col :span="24" v-if="model.cpdgrp.rec.cptrou == 'HNHZ'">
                    <el-form-item label="交易主体" prop="cpdgrp.rec.manbod">
                      <c-select placeholder="请选择交易主体" style="width:100%" v-model="model.cpdgrp.rec.manbod" dbCode="MANBOD"
                        uil="CN" sort="SRT" @change="manbodChange()">
                      </c-select>
                    </el-form-item>
                  </c-col>
                </c-col>
              </c-col>
            </div>
          </el-collapse-item>
          <el-collapse-item title="收/汇款人信息" name="orcpye">
            <m-swift-orcpye :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='SWIFT'||model.cpdgrp.rec.cptrou==''"/>
            <m-cips-orcpye :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='CIPS'"/>
            <m-jnwb-orcpye :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='JNWB'"/>
            <m-hnhz-orcpye :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='HNHZ'"/>
            <m-other-orcpye :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='OTHER'"/>
          </el-collapse-item>
          <el-collapse-item title="基础信息" name="opnp1">
            <m-swift-opnp :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='SWIFT'||model.cpdgrp.rec.cptrou==''"/>
            <m-cips-opnp :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='CIPS'"/>
            <m-jnwb-opnp :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='JNWB'"/>
            <m-hnhz-opnp :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='HNHZ'"/>
            <m-other-opnp :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='OTHER'"/>
          </el-collapse-item>
          <el-collapse-item title="银行信息" name="routeinfo">
            <m-routeinfo :model="model" :codes="codes" />
          </el-collapse-item>
          <el-collapse-item title="附言信息" name="otherinfo">
            <m-swift-otherinfo :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='SWIFT'||model.cpdgrp.rec.cptrou==''"/>
            <m-cips-otherinfo :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='CIPS'"/>
            <m-jnwb-otherinfo :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='JNWB'"/>
            <m-hnhz-otherinfo :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='HNHZ'"/>
            <m-other-otherinfo :model="model" :codes="codes" v-if="model.cpdgrp.rec.cptrou=='OTHER'"/>
          </el-collapse-item>
        </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
import SwiftOpnp from "./swift/Opnp1";
import CipsOpnp from "./cips/Opnp1";
import JnwbOpnp from "./jnwb/Opnp1";
import HnhzOpnp from "./hnhz/Opnp1";
import OtherOpnp from "./other/Opnp1";
import Orcpye from "./swift/Orcpye";
import Orcpye2 from "./cips/Orcpye";
import Orcpye3 from "./jnwb/Orcpye";
import Orcpye4 from "./hnhz/Orcpye";
import Orcpye5 from "./other/Orcpye";
import Routeinfo from "./Routeinfo";
import SwiftOtherinfo from "./swift/Otherinfo";
import CipsOtherinfo from "./swift/Otherinfo";
import HnhzOtherinfo from "./jnwb/Otherinfo";
import JnwbOtherinfo from "./jnwb/Otherinfo";
import OtherOtherinfo from "./other/Otherinfo";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  components:{
    "m-swift-opnp": SwiftOpnp,
    "m-cips-opnp": CipsOpnp,
    "m-jnwb-opnp": JnwbOpnp,
    "m-hnhz-opnp": HnhzOpnp,
    "m-other-opnp": OtherOpnp,
    "m-routeinfo": Routeinfo,
    "m-swift-orcpye": Orcpye,
    "m-cips-orcpye": Orcpye2,
    "m-jnwb-orcpye": Orcpye3,
    "m-hnhz-orcpye": Orcpye4,
    "m-other-orcpye": Orcpye5,
    "m-swift-otherinfo": SwiftOtherinfo,
    "m-cips-otherinfo": CipsOtherinfo,
    "m-hnhz-otherinfo": HnhzOtherinfo,
    "m-jnwb-otherinfo": JnwbOtherinfo,
    "m-other-otherinfo": OtherOtherinfo,
  },
  data() {
    return {
      activeNames: ["route","orcpye","opnp1","routeinfo","otherinfo"],
    };
  },
  methods: {},
  created() {
  },
  computed: {
  }
};
</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;
}
::v-deep .el-tabs__content .eibs-tab{
	padding:0px!important
}
</style>