<!--
 * @Author: yangwei
 * @Date: 2023-09-06 09:00:34
 * @LastEditors: yangwei
 * @LastEditTime: 2023-09-06 17:26:49
 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\gtgshjbxxyz.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="160px"
        >
          <el-row>
            <el-col :span="20">
              <el-form-item
                class="wide"
                label="个体工商户统一社会信用代码或注册号"
              >
                <el-input
                  placeholder="个体工商户统一社会信用代码或注册号"
                  v-model="queryForm.epbno"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="4" class="btnColRight">
              <el-button
                type="primary"
                native-type="submit"
                @click="handleSearch"
                >查询</el-button
              >
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="个体工商户经营者姓名">
                <el-input
                  placeholder="个体工商户经营者姓名"
                  v-model="queryForm.name"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="个体工商户名称">
                <el-input
                  placeholder="个体工商户名称"
                  v-model="queryForm.traname"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="业务号">
                <el-input
                  placeholder="业务号"
                  v-model="queryForm.businessNumber"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="核准日期">
                <el-date-picker
                  type="date"
                  placeholder="核准日期"
                  v-model="queryForm.apprdate"
                  clearable
                  class="width100"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="组成形式">
                <el-input
                  placeholder="组成形式"
                  v-model="queryForm.compformcn"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="成立日期">
                <el-date-picker
                  type="date"
                  placeholder="成立日期"
                  v-model="queryForm.estdate"
                  clearable
                  class="width100"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="经营场所">
                <el-input
                  placeholder="经营场所"
                  v-model="queryForm.oploc"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="经营范围">
                <el-input
                  placeholder="经营范围"
                  v-model="queryForm.opscope"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div class="from-clues-content">
        <p>验证结果：<span></span></p>
      </div>
    </div>
  </div>
</template>

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

<style lang="scss" scoped>
.wide {
  /deep/ label {
    width: 258px !important;
  }
}
.from-clues-content {
  margin-left: 40px;
  p {
    margin-top: 20px;
    color: grey;
  }
}
</style>