<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Utilizing Usance Documents" name="payp">
        <m-payp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Liabilities" name="acceptlinep">
        <m-acceptlinep ref="setp" :model="model" :codes="codes" @changeMatdat="changeMatdat" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>

<script>
import Payp from "./Payp";
import Docpre from "./Docpre";
import Ptyp from "./Ptyp";
import event from "../event";
import AcceptLine from "~/components/business/engp/views/AcceptLine.vue";

export default {
  components: {
    "m-payp": Payp,
    "m-docpre": Docpre,
    "m-ptyp": Ptyp,
    "m-acceptlinep": AcceptLine,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["payp", "acceptlinep", "ptyp"],
    };
  },
  methods: {
    changeMatdat(liaallg) {
      let matdat = liaallg.matdat;
      this.model.brdgrp.rec.matdat = matdat;
      if(this.model.brdgrp.rec.matdat !== null && this.model.brdgrp.rec.matdat !== "") {
        let matDate = new Date(this.model.brdgrp.rec.matdat);
        this.model.brdgrp.rec.stadat = matDate.setDate(matDate.getDate() - Number(this.model.brdgrp.rec.tenmaxday));
      }
    },
  },
  created: function () {},
};
</script>

<style></style>