<template>
	<div class="eibs-tab">
		<c-collapse v-model="activeNames" style="margin-bottom: 5px;">

			<el-collapse-item title="融资概要" name="ovwp1">
				<m-ovwp1 :model="model" :codes="codes" />
			</el-collapse-item>

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

      <el-collapse-item title="转卖信息" name="fftzmp" v-if="model.bptbck.wrkbpdgrp.rec.opttyp=='2'">
				<m-fftzmp :model="model" :codes="codes" />
			</el-collapse-item>

      <el-collapse-item title="福费廷" name="urpp" v-if="model.bptbck.wrkbpdgrp.rec.opttyp=='2'">
        <m-urpp :model="model" :codes="codes" />
			</el-collapse-item>

		</c-collapse>
	</div>
</template>
<script>
import Ovwp1 from "./Ovwp1";
import Ovwp2 from "./Ovwp2";
import Fftzmp from "./Fftzmp";
import Urpp from "./Urpp";
import event from "../event";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  components: {
    "m-ovwp1": Ovwp1,
    "m-ovwp2": Ovwp2,
    "m-fftzmp": Fftzmp,
    "m-urpp": Urpp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, commonDepend],
  data() {
    return {
      activeNames: [
        "ovwp1",
        "ovwp2",
        "fftzmp",
        "urpp",
      ]
    };
  },
  methods: {},
  mounted() {},
  computed: {},
  watch: {},
  created: function() {}
};
</script>

<style lang="less" scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}

.page-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border: 1px solid #707070;

  .form-content {
    width: 100%;
    flex: 1;
    position: relative;
    border: 1px solid #b1b1b1;
    overflow-y: auto;
    background-color: #fff;
    padding: 5px 0;
  }
}

.field {
  text-align: left;
  line-height: 32px;
  width: 40px;
}

.fieldName {
  /deep/ .el-form-item--small .el-form-item__label {
    width: 200px !important;
    justify-content: flex-start;
  }

  /deep/ .el-date-editor.el-input {
    width: 90%;
  }

  /deep/ .el-select {
    width: 90%;
  }
}

.over {
  /deep/ .el-form-item--small .el-form-item__label {
    text-align: left;
  }
}
</style>