<!--
 * @Author: yangwei
 * @Date: 2023-09-06 09:04:36
 * @LastEditors: yangwei
 * @LastEditTime: 2023-09-07 14:12:23
 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zgfbm.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by yangwei, All Rights Reserved. 
-->
<template>
  <div class="check-result">
    <p>获取查询请求单号</p>
    <div class="from-clues">
      <div class="from-clues-header">
        <el-form
          :model="queryForm"
          ref="queryForm"
          @submit.native.prevent
          label-width="124px"
        >
          <el-row>
            <el-col :span="10">
              <el-form-item label="案件编号">
                <el-input
                  placeholder="案件编号"
                  v-model="queryForm.ajbh"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label="查询人姓名">
                <el-input
                  placeholder="查询人姓名"
                  v-model="queryForm.cxr"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10">
              <el-form-item label="业务号">
                <el-input
                  placeholder="业务号"
                  v-model="queryForm.businessNumber"
                  clearable
                  class="width100"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label="查询人编号/证号">
                <el-input
                  placeholder="查询人编号/证号"
                  v-model="queryForm.cxrbh"
                  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-form>
      </div>
    </div>

    <p>第二次查询</p>
    <el-form
      :model="queryForm"
      ref="queryForm"
      @submit.native.prevent
      label-width="124px"
    >
      <el-row>
        <el-col :span="10">
          <el-form-item label="查询请求单号">
            <el-input
              placeholder="查询请求单号"
              v-model="queryForm.cxqqdh"
              disabled
              class="width100"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="10">
          <el-form-item label="业务号">
            <el-input
              placeholder="业务号"
              v-model="queryForm.businessNumber"
              clearable
              class="width100"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4" class="btnColRight">
          <el-button type="primary" native-type="submit" @click="searchSecond"
            >查询</el-button
          >
        </el-col>
      </el-row>
    </el-form>
    <p>返回内容</p>
    <el-form
      :model="queryForm"
      ref="queryForm"
      @submit.native.prevent
      label-width="124px"
    >
      <el-row>
        <el-col :span="10">
          <el-form-item label="实体码 :">
            <el-input
              placeholder="实体码"
              v-model="queryForm.c_stm"
              disabled
              class="width100"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="10">
          <el-form-item label="文书内容 :">
            <el-input
              placeholder="文书内容"
              v-model="queryForm.c_nr"
              clearable
              class="width100"
            >
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="10">
          <el-form-item label="案号 :">
            <el-input
              placeholder="案号"
              v-model="queryForm.c_ah"
              disabled
              class="width100"
            >
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import { pjws,pjwsDetail } from "@/api/v1.js";
export default {
  name: "BdcdjWebSfhc",

  data() {
    return {
      queryForm: {},
      checkResult: {},
    };
  },

  mounted() {},

  methods: {
    handleSearch() {
      pjws(this.queryForm).then((res) => {
        if (res.status == "OK") {
          this.queryForm.cxqqdh = res.cxqqdh;
        }
      });
    },
    searchSecond() {
      pjwsDetail(this.queryForm).then((res) => {
        if (res.status == "OK") {
          this.checkResult = res.body;
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.check-result {
  > p {
    color: #050505;
    font-size: 16px;
    margin-bottom: 20px;
    &:before {
      content: "";
      display: inline-block;
      width: 3px;
      background-color: #659bfe;
      height: 16px;
      position: relative;
      left: -4px;
      top: 3px;
    }
  }
}
</style>