<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="单据信息" name="brtdckp">
        <m-brtdckp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="付款信息" name="utlp">
        <m-utlp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="付款途径" name="fktj" v-if="fktjflg==true">
        <m-fktj :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>
<script>
import event from "../event";
import Utlp from "./Utlp";
import Fktj from "./Fktj";
import Rzkx from "./Rzkx";
import Brtdckp from "./Brtdckp";

export default {
  components: {
    "m-utlp": Utlp,
    "m-fktj": Fktj,
    "m-rzkx": Rzkx,
    "m-brtdckp": Brtdckp
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["brtdckp","utlp"]
    };
  },
  methods: {},
  computed: {
    fktjflg() {
      for (var i = 0; i < this.model.setmod.setglg.setgll.length; i++) {
				if( this.model.setmod.setglg.setgll[i].debcdtflg=="C"&&this.model.setmod.setglg.setgll[i].dsp=="SPC"){
					return true;
				}
      }
      this.model.fkfs="";
      return false;
    },
  },
  created () {}
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>