<!--
 * @Author: yangwei
 * @Date: 2023-09-06 09:00:34
 * @LastEditors: yangwei
 * @LastEditTime: 2023-09-07 10:17:08
 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\bdcdjxxcx.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by yangwei, All Rights Reserved. 
-->
<template>
  <div class="check-result">
    <div class="from-clues">
      <div class="from-clues-header">
        <el-form
          :model="queryForm"
          ref="queryForm"
          @submit.native.prevent
          label-width="110px"
        >
          <el-row>
            <el-col :span="7">
              <el-form-item label="业务号">
                <el-input
                  placeholder="业务号"
                  v-model="queryForm.businessNumber"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="名称">
                <el-input
                  placeholder="名称"
                  v-model="queryForm.certCode"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="证件类型编码">
                <el-input
                  placeholder="证件类型编码"
                  v-model="queryForm.certCode"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="3" class="btnColRight">
              <el-button
                type="primary"
                native-type="submit"
                @click="handleSearch"
                >查询</el-button
              >
            </el-col> </el-row
          ><el-row>
            <el-col :span="7">
              <el-form-item label="证件号码">
                <el-input
                  placeholder="证件号码"
                  v-model="queryForm.businessNumber"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item class="wide" label="行政区划地市代码">
                <el-input
                  placeholder="行政区划地市代码"
                  v-model="queryForm.certCode"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item class="wide" label="行政区划地县代码">
                <el-input
                  placeholder="行政区划地县代码"
                  v-model="queryForm.certCode"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div class="from-clues-content">
        <el-table
          :data="checkResult"
          border
          style="width: 100%"
          :header-cell-style="{ 'text-align': 'center' }"
          :cell-style="{ 'text-align': 'center' }"
        >
          <el-table-column prop="tdfwzl" label="土地房屋坐落" width="150">
          </el-table-column>
          <el-table-column prop="fwlx" label="房屋类型" width="150">
          </el-table-column>
          <el-table-column prop="jd" label="街道" width="150">
          </el-table-column>
          <el-table-column prop="mph" label="门牌号" width="120">
          </el-table-column>
          <el-table-column prop="fh" label="附号" width="160">
          </el-table-column>
          <el-table-column prop="dh" label="栋号" width="120">
          </el-table-column>
          <el-table-column prop="dyh" label="单元号" width="120">
          </el-table-column>
          <el-table-column prop="lc" label="楼层" width="80">
          </el-table-column>
          <el-table-column prop="fwbh" label="房屋编号" width="120">
          </el-table-column>
          <el-table-column prop="mj" label="面积" width="120">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
import { bdcdj } from "@/api/v1.js";
export default {
  name: "BdcdjWebSfhc",
  data() {
    return {
      queryForm: {},
      checkResult: [],
    };
  },
  mounted() {},
  methods: {
    handleSearch() {
      bdcdj(this.queryForm).then((res) => {
        if (res.status == "OK") {
          this.checkResult = res.body;
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.wide {
  /deep/ label {
    width: 140px !important;
  }
}
</style>