<template>
  <div class="purchase-contract-add">

    <!-- 基础信息 -->
    <cy-info-title> 基础信息 </cy-info-title>
    <!-- <basic-info @change="companyNameFunction($event)" /> -->
    <basic-info ref="basicInfo" :info="info" />

    <!-- 合同信息 -->
    <cy-info-title style="margin-top: 20px;"> 合同信息 </cy-info-title>
    <contract-info ref="contractInfo" :info="info" />

    <!-- 质保金 -->
    <cy-info-title style="margin-top: 20px;"> 质保金 </cy-info-title>
    <retention-money ref="retentionInfo" :info="info" />

    <!-- 价格规则 -->
    <cy-info-title style="margin-top: 20px;"> 价格规则 </cy-info-title>
    <price-rules ref="priceRule" :info="info" />

    <!-- 结算与付款 -->
    <cy-info-title style="margin-top: 20px;"> 结算与付款 </cy-info-title>
    <settle-payment ref="settlePay" :info="info" />

    <!-- 供应商发货人 -->
    <personnel-information ref="personInfo" :info="info" style="margin-top: 20px;" />

    <!-- 货物信息 -->
    <cargo-information style="margin-top: 20px;" :info="info" ref="goodsList" />
  </div>
</template>

<script>
export default {
  name: 'PurchaseContractAdd',
  components: {
    BasicInfo: () => import('./BasicInfo'),
    ContractInfo: () => import('./ContractInfo'),
    RetentionMoney: () => import('./RetentionMoney'),
    PriceRules: () => import('./PriceRules'),
    SettlePayment: () => import('./SettlePayment'),
    PersonnelInformation: () => import('./PersonInfo.vue'),
    CargoInformation: () => import('./CargoInfo.vue')
  },
  data() {
    return {}
  },
  props: {
    info: {
      type: Object,
      default: () => {}
    }
  }
}
</script>

<style lang="scss" scoped>
.purchase-contract-add {

}
</style>
