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

      <el-collapse-item :title="$t('getopn.概要')" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item :title="$t('getopn.当事人描述')" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item :title="$t('getopn.演示/交付')" name="preperp" >
        <m-preperp :model="model" :codes="codes"/>
      </el-collapse-item>

      <!-- <el-collapse-item title="确认详细信息" name="confp"
        v-if="model.gidgrp.rec.legfrm == 'STBY' || model.gidgrp.rec.purpos == 'ACNF'">
        <m-confp :model="model" :codes="codes" />
      </el-collapse-item> -->
			
    </c-collapse>
  </div>
</template>
<script>
  import event from "../../event";
  import Utils from "~/utils";
  import Ovwp1 from "./Ovwp1";
	import Ptyp from "./Ptyp";
	
  // import Confp from "./Confp";
   import Preperp from "./Preperp";
	// import Aacp from "./Aacp";
	
  export default {
    name: "Ovwp1",
    components: {
      "m-ovwp1": Ovwp1,
			"m-ptyp": Ptyp,
			
      // "m-confp": Confp,
      "m-preperp": Preperp,
      // "m-aacp": Aacp
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
      return {
        activeNames: ["ovwp1"]
      };
    },
    methods: {
/*       handleChange(names) {
        // console.log(names);//激活的(展开的)面板的name数组集合
        if (this.isInDisplay) {
          return;
        }
        const arr = [];
        for (let i = 0; i < names.length; i++) {
          const n = names[i];
          const path = tabNameToRulePathMapping[n]; //取出激活/展开面板name对应的rulePath
          if (path) {
            arr.push(path);
          }
        }
        // let rulePath = arr[arr.length-1]//取最后一个展开的面板的rulePath
        let rulePath = arr.join(","); //把arr数组加入逗号分割，变成字符串
      } */
    }
  };
</script>
<style>
  .marginLable {
    padding-left: 160px;
  }
</style>