<!--
 * @Description:
 * @Autor: miaofang
 * @LastEditTime: 2023-07-19 09:52:42
-->
<template>
  <div class="fm" id="boxaaa">
    <div class="title">不动产登记簿</div>
    <div class="title">(回执)</div>
    <p class="bian">
      编号: <span>{{ Receiptdata.sldyList[0].ybdcqzsh||"" }}</span>
    </p>
    <div class="texts">
      <p class="jsjg">{{ Receiptdata.cfdjList[0].cfjg }}:</p>
      <p class="concent">
        <span>{{ sj }}</span> ，你院协助执行通知书订单号为:<font>{{
          Receiptdata.qlxxList[0].ywh||""
        }}</font
        >收悉，具体执行情况如下。
      </p>
    </div>

    <p class="bian">{{ Receiptdata.user.organizationName }}</p>
    <p class="bian">{{ sj }}（盖章）</p>
    <table class="xxTable">
      <tr>
        <td>序号</td>
        <td>坐落</td>
        <td>控制反馈</td>
        <td>控制措施</td>
      </tr>
      <tr v-for="(item, index) in Receiptdata.sldyList" :key="index">
        <td>{{ index + 1 }}</td>
        <td>{{ item.zl }}</td>
        <td>已控</td>
        <td>{{ item.djlxmc }}</td>
      </tr>
    </table>
  </div>
</template>


<script>
import { BatchInit } from "@/api/workflow/cfdjFlow.js";
export default {
  props: {
    Receiptdata: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      sj: "",
      data:false
    };
  },
  mounted() {
    this.loadData();
  },
  watch: {
    Receiptdata: {
      handler(newValue, oldValue) {
        this.$nextTick(() => {
          this.Receiptdata = newValue;
          this.loadData();
        });
      },
    },
  },
  methods: {
    openPrint () {
        //  获取打印回执数据
        var formdata = new FormData();
        formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
        formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
        formdata.append("djlx", this.currentSelectProps.djlx);
        BatchInit(formdata).then((res) => {
          if (res.code === 200 && res.result) {
            this.Receiptdata = res.result
            this.shows = true
            setTimeout(() => {
              this.prinsss()
            }, 100)
          } else {
            this.$message.error(res.message)
          }
        })
      },
    /**
     * @description: loadData
     * @author: miaofang
     */
    loadData() {
      let dateTime = new Date(this.Receiptdata.slsq.slsj);
      let y = dateTime.getFullYear();
      let m = dateTime.getMonth() + 1;
      m = m < 10 ? "0" + m : m;
      let d = dateTime.getDate();
      d = d < 10 ? "0" + d : d;
      let h = dateTime.getHours();
      h = h < 10 ? "0" + h : h;
      let M = dateTime.getMinutes();
      M = M < 10 ? "0" + M : M;
      let s = dateTime.getSeconds();
      s = s < 10 ? "0" + s : s;
      this.sj = y + "年" + m + "月" + d + "日";
    },
  },
};
</script>

<style lang="scss" scoped>
#boxaaa{
font {
  border-bottom: 1px solid #000;
  display: inline-block;
  padding: 0 15px;
  line-height: 16px;
}

.title {
  height: 60px;
  display: flex;
  font-size: 32px;
  color: #000;
  justify-content: center;
  align-items: center;
}
.bian {
  text-align: right;
}
.texts{
  margin-top: 40px;
  margin-bottom: 40px;

}
.jsjg {
  text-align: left;
}
.concent {
  width: 100%;

  line-height: 40px;
  text-align: left;
  text-indent: 2em;
}
p {
  font-family: serif;
}
.xxTable {

  width: 100%;
  border-collapse: collapse;
  font-family: serif;
    margin-top: 20px;

  tr td {
    border: 1px solid #000;
    text-align: center;
    height: 40px;
    line-height: 17px;
    font-size: 14px;
    min-width: 80px;
    z-index: 1;
    min-width: 80px;
    padding: 5px;
  }
}
}
.fm {
  background: #fff;
  font-size: 18px;
  margin: auto;
}

</style>