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>

        <!-- Claim Reimb., 索汇信息     -->
      <el-collapse-item title="Claim Reimb." name="rclp">
        <c-content>
          <m-rclp :model="model" :codes="codes"/>
        </c-content>
      </el-collapse-item>

      <!-- Reimbursement Details, 索汇详情     -->
      <el-collapse-item title="Reimbursement Details" name="remp" v-if="model.rmbclm.clmrmbflg != ''">
        <c-content>
          <m-remp :model="model" :codes="codes"/>
        </c-content>
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>

import event from "../event";
import Rclp from "./Rclp"
import Remp from "../../Betsnd/views/Remp";
import DocInfo from "../../Betsnd/views/DocInfo";
import Ptyp from "../../Letdrv/views/Ptyp";
import TenorSettle from "~/components/business/engp/views/TenorSettle.vue";
import Default from "../model/default"


export default {
  components: {
    "m-docinfo":DocInfo,
    "m-ptyp": Ptyp,
    "m-rclp": Rclp,
    'm-remp': Remp,
    "m-tenorsettle": TenorSettle,

  },

  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Default],
  data() {
    return {
      activeNames: ["tenorSettle","rclp","remp"],

    };
  },
  methods: {
    tenorSettleChange(){
      this.defUtlamts();
    },
  },
  created:
      function () {
      },
};
</script>
<style>
</style>