<!--
 * @Author: yangwei
 * @Date: 2023-09-06 09:00:34
 * @LastEditors: yangwei
 * @LastEditTime: 2023-09-07 11:11:32
 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\gzsxxcx.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="80px"
        >
          <el-row>
            <el-col :span="9">
              <el-form-item label="业务号">
                <el-input
                  placeholder="业务号"
                  v-model="queryForm.businessNumber"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="证件号码">
                <el-input
                  placeholder="证件号码"
                  v-model="queryForm.certCode"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" class="btnColRight">
              <el-button
                type="primary"
                native-type="submit"
                @click="handleSearch"
                >查询</el-button
              >
            </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="apply_name" label="当事人姓名" width="150">
          </el-table-column>
          <el-table-column prop="apply_card_num" label="证件号码" width="150">
          </el-table-column>
          <el-table-column prop="notary_type" label="公证业务类别" width="150">
          </el-table-column>
          <el-table-column prop="notary_num" label="公证书编号" width="120">
          </el-table-column>
          <el-table-column prop="notary_content" label="公证书内容" width="160">
          </el-table-column>
          <el-table-column prop="org_name" label="公证机构名称" width="160">
          </el-table-column>
          <el-table-column prop="notary_name" label="公证员" width="120">
          </el-table-column>
          <el-table-column prop="accept_date" label="公证日期" width="120"> </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-column prop="sfdy" label="是否抵押" width="120">
          </el-table-column>
          <el-table-column prop="sfcf" label="是否查封" width="120">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

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

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