<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item :title="$t('commonCollapse.基本信息')" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>      
      <el-collapse-item :title="$t('commonCollapse.当事人描述')" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item :title="$t('commonCollapse.海关税款担保保函信息')" name="ptyh">
        <m-ptyh :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item :title="$t('commonCollapse.合同信息')" name="concatInfo">
        <m-concatInfo :model="model" :codes="codes" />
      </el-collapse-item>
			<el-card class="box-card" style="margin: 20px 0;" v-if="codes.frameList && codes.frameList.length > 0">
				<div slot="header" class="clearfix">
					<span>{{$t('commonCollapse.保函制式文本输入项')}}</span>
				</div>
				<m-nidtxt :model="model" :codes="codes" />
			</el-card>
    </c-collapse>
  </div>
</template>

<script>
import event from "../../event";
import Ovwp1 from "./Ovwp1";
import Ptyh from "./Ptyh";
import Ptyp from "./Ptyp";
import ConcatInfo from "./ConcatInfo";
// import Cfap from "./Cfap";
import Nidtxt from "./Nidtxt";

export default {
  name: "Ovwp",
  components: {
    "m-ovwp1": Ovwp1,
    "m-ptyh": Ptyh,
    "m-ptyp": Ptyp,
    // "m-cfap": Cfap,
		"m-concatInfo": ConcatInfo,
		"m-nidtxt": Nidtxt,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["ovwp1"]
    };
  },
  computed: {},
  methods: {},
  created: function() {}
};
</script>
<style>
</style>