<!--
 * @Description  :宗地基本信息
 * @Autor        : miaofang
 * @LastEditTime: 2023-08-04 10:06:45
-->
<template>
  <div class="tableDivCss">
     <el-button class="print" v-print="printObj">打印</el-button>
    <table cellpadding="0" cellspacing="0" id="box" class="tableCss">
      <tr>
        <th colspan="5" class="title">宗地基本信息</th>
      </tr>
      <tr>
        <td>单位</td>
        <td colspan="4">{{ zdjbxx.mjdw | dictionary("A7") }}</td>
      </tr>
      <tr>
        <td>不动产类型</td>
        <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td>
      </tr>
      <tr>
        <td>坐落</td>
        <td colspan="4">{{ zdjbxx.zl }}</td>
      </tr>
      <tr>
        <td rowspan="8">土地状况</td>
      </tr>
      <tr>
        <td style="width: 15%">宗地面积</td>
        <td style="width: 30%">{{ zdjbxx.zdmj }}m²</td>
        <td style="width: 15%">用途</td>
        <td style="width: 30%">{{ zdjbxx.yt | dicyt("tdyt") }}</td>
      </tr>
      <tr>
        <td>等级</td>
        <td>{{ zdjbxx.djmc }}</td>
        <td>价格</td>
        <td>{{ zdjbxx.jg }}</td>
      </tr>
      <tr>
        <td>权利类型</td>
        <td>{{ zdjbxx.qllxmc }}</td>
        <td>权利性质</td>
        <td>{{ zdjbxx.qlxzmc }}</td>
      </tr>
      <tr>
        <td>权利设定方式</td>
        <td>{{ zdjbxx.qlsdfs | dictionary("A10") }}</td>
        <td>容积率</td>
        <td>{{ zdjbxx.rjl }}</td>
      </tr>
      <tr>
        <td>建筑密度</td>
        <td>{{ zdjbxx.jzmd }}</td>
        <td>建筑限高</td>
        <td>{{ zdjbxx.jzxg }}</td>
      </tr>
      <tr>
        <td>图幅号</td>
        <td>{{ zdjbxx.tfh }}</td>
        <td>地籍号</td>
        <td>{{ zdjbxx.djh }}</td>
      </tr>
      <tr>
        <td>档案号</td>
        <td>{{ zdjbxx.dah }}</td>
        <td>地块代码</td>
        <td>{{ zdjbxx.dkdm }}</td>
      </tr>
      <tr>
        <td rowspan="5">宗地四至</td>
      </tr>

      <tr>
        <td>东</td>
        <td colspan="3">{{ zdjbxx.zdszd }}</td>
      </tr>
      <tr>
        <td>南</td>
        <td colspan="3">{{ zdjbxx.zdszn }}</td>
      </tr>
      <tr>
        <td>西</td>
        <td colspan="3">{{ zdjbxx.zdszx }}</td>
      </tr>
      <tr>
        <td>北</td>
        <td colspan="3">{{ zdjbxx.zdszb }}</td>
      </tr>
      <tr>
        <td>附记</td>
        <td colspan="4">{{ zdjbxx.fj }}</td>
      </tr>
      <tr v-if="showGroup">
        <td rowspan="4">变化情况</td>
      </tr>

      <tr v-if="showGroup">
        <td>变化原因</td>
        <td>变化内容</td>
        <td>登记时间</td>
        <td>登簿人</td>
      </tr>
      <!-- <tr >
        <td>{{ zdbhqks[0].bhyy }}</td>
        <td>{{ zdbhqks[0].bhnr }}</td>
        <td>{{ zdbhqks[0].djsj }}</td>
        <td>{{ zdbhqks[0].dbr }}</td>
      </tr> -->
    </table>
  </div>
</template>

<script>
import store from "@/store/index.js";
import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";

export default {
  data() {
    return {
          printObj: {
        id: "box",
        //其他配置项，
      },
      bhqkColumns: [
        {
          prop: "ssywh",
          label: "上手业务号",
        },
        {
          prop: "zddm",
          label: "宗地代码",
        },
        {
          prop: "bhqzddm",
          label: "变化前宗地代码",
        },
        {
          prop: "bhnr",
          label: "变化内容",
        },
        {
          prop: "bhyy",
          label: "变化原因",
        },
        {
          prop: "djsj",
          label: "登记时间",
        },
        {
          prop: "dbr",
          label: "登簿人",
        },
        {
          prop: "fj",
          label: "附记",
        },
      ],
      bhqkTableWidth: 745,
      zdjbxx: {},
      zdbhqks: [],
      propsParam: this.$attrs,
      showGroup: false,
      bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
      foundItemaa: {},
      foundItemaaa: {},
    };
  },
  filters: {
    dictionary: function (value, param) {
      const foundItem = store.getters.dictData[param].find(
        (item) => item.dcode === String(value)
      );
      if (foundItem) {
        return foundItem.dname;
      }
    },
    dicyt: function (value, param) {
      const res = store.getters.dictData[param].filter((item) => {
        if (item.dcode === String(value)) {
          return item;
        } else {
          if (item.children.length) {
            const res2 = item.children.filter((items) => {
              if (items.dcode === String(value)) {
                return items;
              }
            });
            if (res2.length) {
              return res2;
            }
          }
        }
      });
      if (res[0]) {
        return res[0].dname;
      }
    },
  },
  created() {
    this.loadData();
  },
  methods: {
    /**
     * @description: loadData
     * @author: renchao
     */
    loadData() {
      getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
        if (res.code === 200) {
          this.zdjbxx = res.result.zdjbxx;
          this.zdbhqks = res.result.zdbhqkList;
          if (this.zdbhqks != null && this.zdbhqks.length > 0) {
            this.showGroup = true;
          }
        }
      });
    },

  },
};
</script>
<style lang="scss" scoped>
@import "~@/styles/tablecss.scss";
.tableDivCss {
  position: relative;
  .print {
    display: inline;
    // background-color: #0079fe;
    z-index: 10;
    position: absolute;
    left: 11px;
    top: 11px;
  }
}
</style>