<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="概要" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="附加金额"
        name="aamp"
        v-if="model.litp.aamp.aammod.addamtflg"
      >
        <!-- 附加金额 -->
        <m-aamp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="详情" name="detp">
        <!-- 详情 -->
        <m-detp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="当事人" name="ptyp">
        <!-- 当事人 -->
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="货物" name="dogp">
        <!-- 货物 -->
        <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'" />
      </el-collapse-item>
      <el-collapse-item title="单据" name="dorp">
        <!-- 单据 -->
        <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'" />
      </el-collapse-item>
      <el-collapse-item title="附加条款" name="adcp">
        <!-- 附加条款 -->
        <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" />
      </el-collapse-item>
      <el-collapse-item
        title="仅适用于指定银行的特殊付款条款"
        name="spcrcvp"
        v-if="model.lidgrp.rec.spcrcbflg"
      >
        <m-spcrcvp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="存在受益人的特殊付款条款"
        name="spcbenp"
        v-if="model.lidgrp.rec.spcbenflg"
      >
        <m-spcbenp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event";
import Ovwp1 from "./Ovwp1";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Dogp from "./Dogp";
import Dorp from "./Dorp";
import Adcp from "./Adcp";
import Doxp from "~/views/Public/Doxp";
import Aamp from "./Aamp";
import Spcrcvp from "./Spcrcvp";
import Spcbenp from "./Spcbenp";

export default {
  components: {
    "m-ovwp1": Ovwp1,
    "m-detp": Detp,
    "m-ptyp": Ptyp,
    "m-dogp": Dogp,
    "m-dorp": Dorp,
    "m-adcp": Adcp,
    "m-doxp": Doxp,
    "m-aamp": Aamp,
    "m-spcrcvp": Spcrcvp,
    "m-spcbenp": Spcbenp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      zmqflg: null,
      flag: true,
      activeNames: ["ovwp1"],
    };
  },
  methods: {
    ...Event,
    open(val) {
      if (
        val === "" &&
        !(
          this.model.lidgrp.cbs.max2.amt == "0.000" &&
          this.model.lidgrp.cbs.opn2.amt == "0.000" &&
          this.model.lidgrp.blk.addamtcov === ""
        )
      ) {
        this.$confirm(
          "是否确定要删除此合同的附加金额？",
          "提示",
          {
            confirmButtonText: "是",
            cancelButtonText: "否",
            type: "warning",
            showClose: false,
          }
        )
          .then(() => {
            //yes的执行在这里写
            this.model.lidgrp.cbs.max2.amt = "0.000";
            this.model.lidgrp.blk.addamtcov = "";
            this.model.lidgrp.cbs.opn2.amt = "0.000";
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch(() => {
            //No的功能在这里写
            this.model.litp.aamp.aammod.addamtflg = "X";
            this.$message({
              type: "info",
              message: "已取消删除",
            });
          });
      }
    },
    handleChange(val) {
      console.log(val);
    },
  },
  created: function () {},
  watch: {
    "model.lidgrp.rec.apprul": {
      immediate: true,
      handler(val, oldVal) {
        if (val == "OTHR") {
          this.flag = false;
        } else {
          this.flag = true;
        }
      },
    },
  },
  computed: {
    flag1() {
      return this.model.lidgrp.apl.pts.extkey == "";
    },
  },
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>