Document.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <c-col :span="24">
        <label class="el-form-item__label" style="19%">Documents presented by 1st Beneficiary</label>
      </c-col>
      <c-col :span="12" style="padding-right: 20px">
        <c-table-doc :model="model" docgrdNumber="be1" xxtp='bttp' :isLeft="true"></c-table-doc>
      </c-col>
      <c-col :span="12" style="padding-left: 20px">
        <c-table-doc :model="model" docgrdNumber="be1" xxtp='bttp'></c-table-doc>
      </c-col>
    </c-col>
    <c-col :span="24">
      <p> </p>
    </c-col>
    <c-col :span="24">
      <c-col :span="24">
        <label class="el-form-item__label" style="19%">Documents presented by 2nd Beneficiary</label>
      </c-col>
      <c-col :span="12" style="padding-right: 20px">
        <c-table-doc :model="model" docgrdNumber="be2" xxtp='bttp' :isLeft="true"></c-table-doc>
      </c-col>
      <c-col :span="12" style="padding-left: 20px">
        <c-table-doc :model="model" docgrdNumber="be2" xxtp='bttp'></c-table-doc>
      </c-col>
    </c-col>

  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  watch: {
  },

  data() {
    return {
      docgrd: {
      }
    };
  },
  methods: {},
  computed: {
  },
  created: function() {}
};
</script>
<style>
.marginLable {
  padding-left: 150px;
}
.bctdav_bctp_bctovw_cheak {
  margin: 0px 0 10px 150px;
}
</style>