<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item  name="ameps20"> 
        <template #title>
          <span>{{$t('commonCollapse.保函修改')}}</span>
          <span class="brife" v-if='model.nidgrp && model.nidgrp.rec.ownref'>{{model.nidgrp.ghdflg==1?'正常修改':model.nidgrp.ghdflg==2?'重开立':model.nidgrp.ghdflg==''?'内部修改':''}}</span>
        </template>
        <m-ameps20 :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="ptyh">
        <m-ptyh :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="合同信息" name="concatinfo">
        <m-concatinfo :model="model" :codes="codes" />
      </el-collapse-item>

    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Ameps20 from "./Ameps20";
import Ptyp from "./Ptyp";
import Ptyh from "./Ptyh";
import ConcatInfo from "~/page/Business/Hitame/views/ConcatInfo1";

export default {
  components: {
    "m-ameps20": Ameps20,
		"m-ptyp": Ptyp,
    "m-ptyh": Ptyh,
    "m-concatinfo":ConcatInfo,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["ameps20"]
    };
  },
  methods: {},
  created: function() {}
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
.brife{
  margin-left: 20px;
  font-size:16px;
  line-height: 48px;
}
</style>