Ovwp.vue

<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="Liabilities" name="tenorSettle">
                <m-tenorsettle :model="model" :codes="codes"  @tenorChange="tenorSettleChange"/>
            </el-collapse-item>

            <el-collapse-item title="Bills to Pay back" name="bptbckg">
              <m-bptbckg :model="model" :codes="codes" />
            </el-collapse-item>

            <!-- Funds Settlement, 结算信息-->
        <el-collapse-item title="Funds Settlement" name="setp">
            <c-content>
            <m-setp :model="model" :codes="codes" />
            </c-content>
        </el-collapse-item>

            <!-- 收账通知, 收账通知-->
<!--        <el-collapse-item title="收账通知" name="docpan1">
            <c-content>
            <m-docpan1 :model="model" :codes="codes" />
            </c-content>
        </el-collapse-item>-->

      </c-collapse>
    </div>
  </template>
  <script>

  import Setp from "./Setp"
  import event from "../event";
  import TenorSettle from "~/components/business/engp/views/TenorSettle.vue";
  import Ptyp from "../../Letdrv/views/Ptyp";
  import DocInfo from "../../Betsnd/views/DocInfo";
  import Bptbckg from "~/components/business/bptbck/views/Bptbckg.vue";
  
  export default {
    components:{
        "m-docinfo":DocInfo,
        "m-ptyp": Ptyp,
        "m-setp" : Setp,
        "m-tenorsettle": TenorSettle,
        "m-bptbckg": Bptbckg,
    },
       
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
      return {
        activeNames: ["setp", "tenorSettle", "bptbckg"],
     
      };
    },
      methods: {
          tenorSettleChange(){
              this.docamtChange();
          },
      },
    created: 
    function () {},
  };
  </script>
  <style>
  </style>