<template>
  <div class="eibs-tab">
    <el-card>
      <c-col :span="12" style="padding-right: 20px">
        <el-form-item label="报文类型" prop="elctyp">
          <c-select v-model="model.elctyp" @change="changeElctyp" dbCode="elctyp"></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12" style="padding-right: 20px">
        <el-form-item label="发起参与机构" prop="elcifo.outbankno">
          <c-select v-model="model.elcifo.outbankno">
            <el-option v-for="item in bnkNo" :label="item.label" :value="item.value" :key="item.value"></el-option>
          </c-select>
        </el-form-item>
      </c-col>
    </el-card>
    <c-collapse v-model="activeNames">
      <el-collapse-item title="elcs.101.001.02" name="A01" v-if="model.elctyp === 'A01'">
        <m-elcs101 :model="model" :codes="codes"></m-elcs101>
      </el-collapse-item>
      <el-collapse-item title="elcs.103.001.02" name="A03" v-if="model.elctyp === 'A03'">
        <m-elcs101 :model="model" :codes="codes"></m-elcs101>
      </el-collapse-item>
      <el-collapse-item title="elcs.102.001.01" name="102" v-if="model.elctyp === '102'">
        <m-elcs102 :model="model" :codes="codes"></m-elcs102>
      </el-collapse-item>
      <el-collapse-item title="elcs.104.001.01" name="104" v-if="model.elctyp === '104'">
        <m-elcs104 :model="model" :codes="codes"></m-elcs104>
      </el-collapse-item>
      <el-collapse-item title="elcs.107.001.01" name="107" v-if="model.elctyp === '107'">
        <m-elcs107 :model="model" :codes="codes"></m-elcs107>
      </el-collapse-item>
      <el-collapse-item title="elcs.201.001.02" name="B01" v-if="model.elctyp === 'B01'">
        <m-elcs201 :model="model" :codes="codes"></m-elcs201>
      </el-collapse-item>
      <el-collapse-item title="elcs.202.001.02" name="B02" v-if="model.elctyp === 'B02'">
        <m-elcs202 :model="model" :codes="codes"></m-elcs202>
      </el-collapse-item>
      <el-collapse-item title="elcs.203.001.01" name="203" v-if="model.elctyp === '203'">
        <m-elcs203 :model="model" :codes="codes"></m-elcs203>
      </el-collapse-item>
      <el-collapse-item title="elcs.204.001.01" name="204" v-if="model.elctyp === '204'">
        <m-elcs204 :model="model" :codes="codes"></m-elcs204>
      </el-collapse-item>
      <el-collapse-item title="elcs.211.001.01" name="211" v-if="model.elctyp === '211'">
        <m-elcs211 :model="model" :codes="codes"></m-elcs211>
      </el-collapse-item>
      <el-collapse-item title="elcs.212.001.01" name="212" v-if="model.elctyp === '212'">
        <m-elcs212 :model="model" :codes="codes"></m-elcs212>
      </el-collapse-item>
      <el-collapse-item title="elcs.213.001.01" name="213" v-if="model.elctyp === '213'">
        <m-elcs213 :model="model" :codes="codes"></m-elcs213>
      </el-collapse-item>
      <el-collapse-item title="elcs.221.001.01" name="221" v-if="model.elctyp === '221'">
        <m-elcs221 :model="model" :codes="codes"></m-elcs221>
      </el-collapse-item>
      <el-collapse-item title="elcs.223.001.01" name="223" v-if="model.elctyp === '223'">
        <m-elcs223 :model="model" :codes="codes"></m-elcs223>
      </el-collapse-item>
      <el-collapse-item title="elcs.232.001.01" name="232" v-if="model.elctyp === '232'">
        <m-elcs232 :model="model" :codes="codes"></m-elcs232>
      </el-collapse-item>
      <el-collapse-item title="elcs.303.001.02" name="c03" v-if="model.elctyp === 'c03'">
        <m-elcs303 :model="model" :codes="codes"></m-elcs303>
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Elcs101 from "./Elcs101";
import Elcs102 from "./Elcs102";
import Elcs104 from "./Elcs104";
import Elcs107 from "./Elcs107";
import Elcs201 from "./Elcs201";
import Elcs202 from "./Elcs202";
import Elcs203 from "./Elcs203";
import Elcs204 from "./Elcs204";
import Elcs211 from "./Elcs211";
import Elcs212 from "./Elcs212";
import Elcs213 from "./Elcs213";
import Elcs221 from "./Elcs221";
import Elcs223 from "./Elcs223";
import Elcs232 from "./Elcs232";
import Elcs303 from "./Elcs303";


export default {
  components: {
    'm-elcs101': Elcs101,
    'm-elcs102': Elcs102,
    'm-elcs104': Elcs104,
    'm-elcs107': Elcs107,
    'm-elcs201': Elcs201,
    'm-elcs202': Elcs202,
    'm-elcs203': Elcs203,
    'm-elcs204': Elcs204,
    'm-elcs211': Elcs211,
    'm-elcs212': Elcs212,
    'm-elcs213': Elcs213,
    'm-elcs221': Elcs221,
    'm-elcs223': Elcs223,
    'm-elcs232': Elcs232,
    'm-elcs303': Elcs303,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ['A01'],
      bnkNo: [
        {value: '303100000241', label: '303100000241'},
      ]
    };
  },
  methods: {},
  created: function () {
  },
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>