<template>
  <div class="app-container">
    <van-nav-bar
      title="鉴证详情"
      left-arrow
      fixed
      placeholder
      @click-left="onClickLeft"
    />
    <p class="title">{{attestationDetail.projectName}}成交公示</p>
    <van-row>
      <van-col>鉴证书编号：{{attestationDetail.jzsNumOne}}第{{attestationDetail.jzsNumTwo}}号</van-col>
    </van-row>
    <van-row>
      <van-col>项目名称：{{attestationDetail.projectName}}</van-col>
    </van-row>
    <van-row>
      <van-col>项目编号：{{attestationDetail.projectCode}}</van-col>
    </van-row>
    <van-row>
      <van-col>转出方：{{attestationDetail.outName}}</van-col>
    </van-row>
    <van-row>
      <van-col>转出行为批准机构名称：{{attestationDetail.pzjg}}</van-col>
    </van-row>
    <van-row>
      <van-col>法定代表人（转出方）：{{attestationDetail.legalPerson}}</van-col>
    </van-row>
    <van-row>
      <van-col>注册号（身份证）：{{attestationDetail.idCardNum}}</van-col>
    </van-row>
    <van-row>
      <van-col>受让方：{{attestationDetail.inName}}</van-col>
    </van-row>
    <van-row>
      <van-col>单位性质：{{attestationDetail.companyNature}}</van-col>
    </van-row>
    <van-row>
      <van-col>法定代表人（受让方）：{{attestationDetail.realname}}</van-col>
    </van-row>
    <van-row>
      <van-col>注册资本：{{attestationDetail.companyCapital}}</van-col>
    </van-row>
    <van-row>
      <van-col>注册号（身份证）：{{attestationDetail.companyLicense}}</van-col>
    </van-row>
    <van-row>
      <van-col>标的位置：{{attestationDetail.areaName}}</van-col>
    </van-row>
    <van-row>
      <van-col>标的物情况：{{attestationDetail.szCondition}}</van-col>
    </van-row>
    <van-row>
      <van-col>转出面积（数量）：{{attestationDetail.allCount}}{{attestationDetail.allCountUnit}}</van-col>
    </van-row>
    <van-row>
      <van-col>转出期限：{{attestationDetail.outStartEndTime}}</van-col>
    </van-row>
    <van-row>
      <van-col>确权机构：{{attestationDetail.organization}}</van-col>
    </van-row>
    <van-row>
      <van-col>权证编号：{{attestationDetail.warrantCode}}</van-col>
    </van-row>
    <van-row>
      <van-col>转出方式：{{attestationDetail.rollout}}</van-col>
    </van-row>
    <van-row>
      <van-col>交易方式：{{attestationDetail.dealType}}</van-col>
    </van-row>
    <van-row>
      <van-col>交易底价：{{attestationDetail.price}}{{attestationDetail.unit}}</van-col>
    </van-row>
    <van-row>
      <van-col>成交金额：{{attestationDetail.dealMoneySum}}元</van-col>
    </van-row>
    <van-row>
      <van-col>合同签署日期：{{attestationDetail.contractDate}}</van-col>
    </van-row>
    <van-row>
      <van-col>合同编号：{{attestationDetail.contractCode}}</van-col>
    </van-row>
    <van-row>
      <van-col>附记：{{attestationDetail.jzsRemark}}</van-col>
    </van-row>
    <van-row style="text-align: right;">
      <van-col span="24">农村产权交易鉴证书</van-col>
    </van-row>
    <van-row style="text-align: right;">
      <van-col span="24">{{attestationDetail.jzsSignDate}}</van-col>
    </van-row>
  </div>
</template>

<script>
import { AttestationDetail } from "@/api/notice/index";
export default {
  name: "noticeDetail",
  data() {
    return {
      attestationDetail:''
    };
  },
  created() {
    this.getDetail();
  },
  methods: {
    //成交公告集合
    getDetail(){
      console.log(this.$route.query.id)
      AttestationDetail(this.$route.query.id).then(response => {
        console.log(response)
        this.attestationDetail = response.data;
        //转出方式字典
        this.getDicts("rollout_type").then(res => {
          this.attestationDetail.rollout = this.selectDictLabel(res.data,response.data.rollout);
        });
        //交易方式字典
        this.getDicts("deal_type").then(res => {
          this.attestationDetail.dealType = this.selectDictLabel(res.data,response.data.dealType);
        });
        //面积单位字典
        this.getDicts("area_unit").then(res => {
          this.attestationDetail.allCountUnit = this.selectDictLabel(res.data,response.data.allCountUnit);
        });
        //成交价格字典
        this.getDicts("price_unit").then(res => {
          this.attestationDetail.unit = this.selectDictLabel(res.data,response.data.unit);
        });
        //公司性质字典
        this.getDicts("company_nature").then(res => {
          this.attestationDetail.companyNature = this.selectDictLabel(res.data,response.data.companyNature);
        });
      });
    },

  },
};
</script>

<style scoped lang="scss">
.app-container {
  padding: 0.5rem 5%;
}
.title{
  font-size: 0.5rem;
  margin-bottom: 0.5rem;
}
.van-row{
  margin-bottom: 0.4rem;
}
.van-col{
  font-size: 0.4rem;
  color: #666666;
}
</style>
