<!--
 * @Author: yangwei
 * @Date: 2023-09-06 09:00:34
 * @LastEditors: yangwei
 * @LastEditTime: 2023-09-06 11:19:07
 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\jrxkcx.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="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="6">
              <el-form-item label="查询类型">
                <el-select
                  v-model="queryForm.typeId"
                  class="width100"
                  filterable
                  clearable
                  placeholder="查询类型"
                >
                  <el-option
                    v-for="item in typeList"
                    :key="item.code"
                    :label="item.name"
                    :value="item.code"
                  >
                  </el-option>
                </el-select>
              </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-form>
      </div>
      <div class="from-clues-content">
        <el-form
          :model="checkResult"
          ref="checkResult"
          @submit.native.prevent
          label-width="120px"
        >
          <el-row>
            <el-col :span="12">
              <el-form-item label="金融许可证id :">
                <el-input v-model="checkResult.id" disabled class="width100">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="流水号 :">
                <el-input
                  v-model="checkResult.certFlowNo"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="机构编码 :">
                <el-input
                  v-model="checkResult.certCode"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="机构全称 :">
                <el-input
                  v-model="checkResult.fullName"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="机构简称 :">
                <el-input
                  v-model="checkResult.simpleName"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="英文名称 :">
                <el-input
                  v-model="checkResult.englishName"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="设立日期 :">
                <el-input v-model="checkResult.setDate" disabled class="width100">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="打印日期 :">
                <el-input
                  v-model="checkResult.printDate"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="类型 :">
                <el-select
                  v-model="checkResult.typeId"
                  class="width100"
                  placeholder=""
                  disabled
                >
                  <el-option
                    v-for="item in typeList"
                    :key="item.code"
                    :label="item.name"
                    :value="item.code"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="监管机构名称 :">
                <el-input
                  v-model="checkResult.organName"
                  disabled
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="经营范围 :">
                <el-input
                  type="textarea"
                  class="width100"
                  disabled
                  v-model="checkResult.scope"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="机构地址 :">
                <el-input
                  type="textarea"
                  class="width100"
                  disabled
                  v-model="checkResult.address"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
import { jrxkz } from "@/api/v1.js";
export default {
  name: "BdcdjWebSfhc",
  data() {
    return {
      queryForm: {},
      checkResult: {},
      typeList: [
        { name: "银行", code: "01" },
        { name: "保险", code: "02" },
      ],
    };
  },
  mounted() {},
  methods: {
    handleSearch() {
      jrxkz(this.queryForm).then((res) => {
        if (res.status == "OK") {
          this.checkResult = res.data;
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>