<template>
	<div class="eibs-tab">
		<c-collapse v-model="activeNames">

			<!--Document Information, 单据信息-->
			<el-collapse-item title="Document Information" name="docinfo">
				<m-docinfo :model="model" :codes="codes" />
			</el-collapse-item>

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

			<el-collapse-item title="Cancellation" name="canp">
				<m-canp :model="model" :codes="codes" />
			</el-collapse-item>
		</c-collapse>
	</div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Canp from "./Canp";
import DocInfo from "./DocInfo";
import Ptyp from "./Ptyp";

export default {
  components: {
  	"m-canp": Canp,
	"m-docinfo":DocInfo,
	"m-ptyp":Ptyp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["docinfo","ptyp","canp"]
    };
  },
  methods: {}
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>