detail.vue 1.8 KB
<template>
  <div class="project_container">
    <NafmHeader navClass="nafmii-head-bg3" title="项目详情" />
    <div class="project_content">
      <DetailTitle status="已处理" title="南京市高淳区城市投资有限公司关于发行2021年度第一期中期票据的注册文件" />
      <DetailStatement />
      <DetailPartTitle title="项目基本信息" />
      <DetailBasicInfo :detail="detailInfo" />
      <DetailPartTitle title="公开披露文件" />
      <DetailTabs @type="getType" />
      <DetailList :type="type" />
    </div>
  </div>
</template>
<script>
import DetailTitle from './components/DetailTitle.vue'
import DetailStatement from './components/DetailStatement.vue'
import DetailPartTitle from './components/DetailPartTitle.vue'
import DetailBasicInfo from './components/DetailBasicInfo.vue'
import DetailTabs from './components/DetailTabs.vue'
import DetailList from './components/DetailList.vue'
export default {
  name: 'RegIssueDetail',
  components: {
    DetailTitle,
    DetailStatement,
    DetailPartTitle,
    DetailBasicInfo,
    DetailTabs,
    DetailList,
  },
  data() {
    return {
      detailInfo: {
        companyName: '南京市高淳区城市投资有限公司南京', // 南京市高淳区城市投资有限公司南京市高淳区城市投资有限公司
        variety: 'MTN',
        record: '注册',
        registeredCapital: '8',
        leadUnderwriter: 'XXX',
        CPAFirm: 'XXX',
        lawFirm: 'XXX',
        registrationNoticeNo: '中市协注[2021]MTN199号',
        updateTime: '2021.05.01',
      },
      type: ''
    }
  },
  mounted() { },
  methods: {
    getType(type) {
      this.type = type
    }
  }
}
</script>
<style lang="less" scoped>
.project_container {
  width: 100%;
  background-color: #fafafa;
}
.project_content {
  padding: 15px;
}
</style>