<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="概览信息" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item
        title="附加金额"
        name="aamp"
        v-if="model.letp.aamp.aammod.addamtflg"
      >
        <m-aamp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="信用证详情" name="detp">
        <m-detp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="当事人信息" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="收到单据" name="drv">
        <m-drv :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item
        title="Discr./Instr."
        name="dscins"
        v-if="model.bedgrp.rec.dscinsflg == 'X'"
      >
        <m-dscins :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="货物描述" name="dogp">
        <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
      </el-collapse-item>

      <el-collapse-item title="单据要求" name="dorp">
        <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
      </el-collapse-item>

      <el-collapse-item title="附加条款" name="adcp">
        <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
      </el-collapse-item>

      <el-collapse-item
        title="循环信用详情"
        name="revp"
        v-if="model.ledgrp.rec.revflg == 'X'"
      >
        <m-revp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item
        title="受益人特殊付款条款"
        name="spcbenp"
        v-if="model.ledgrp.rec.spcbenflg"
      >
        <m-doxp :model="model" :codes="codes" :dtyp="'spcbenp'" :rec="'led'" />
      </el-collapse-item>

      <el-collapse-item
        title="银行专用特殊付款条款"
        name="spcrcvp"
        v-if="model.ledgrp.rec.spcrcbflg"
      >
        <m-doxp :model="model" :codes="codes" :dtyp="'spcrcvp'" :rec="'led'" />
      </el-collapse-item>

      <el-collapse-item title="货权单据" name="srmp">
        <m-srmp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="索偿(MT 742)" name="rcldetp">
        <m-rcldetp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
import Ovwp1 from "./Ovwp1";
import Aamp from "./Aamp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Drv from "./Drv";
import Dscins from "./Dscins";
import Revp from "./Revp";
import Srmp from "./Srmp";
import Doxp from "~/views/Public/Doxp";
import Rcldetp from "./Rcldetp";

export default {
  components: {
    "m-ovwp1": Ovwp1,
    "m-aamp": Aamp,
    "m-detp": Detp,
    "m-ptyp": Ptyp,
    "m-drv": Drv,
    "m-dscins": Dscins,
    "m-doxp": Doxp,
    "m-revp": Revp,
    "m-srmp": Srmp,
    "m-rcldetp": Rcldetp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["ovwp1"],
    };
  },
  methods: {
    ...Event,
  },
  created: function () {},
  computed: {},
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>