dyxxcx.vue 5.33 KB
<!--
 * @Author: yangwei
 * @Date: 2023-09-06 09:00:34
 * @LastEditors: yangwei
 * @LastEditTime: 2023-09-06 17:09:26
 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\dyxxcx.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="90px"
          >
            <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="6位区划代码">
                  <el-input
                    placeholder="6位区划代码"
                    v-model="queryForm.placeCode"
                    clearable
                    class="width100"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="7">
                <el-form-item label="地名">
                  <el-input
                    placeholder="地名"
                    v-model="queryForm.standardName"
                    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-form>
        </div>
        <div class="from-clues-content">
          <el-form
            :model="checkResult"
            ref="checkResult"
            @submit.native.prevent
            label-width="110px"
          >
            <el-row>
              <el-col :span="12">
                <el-form-item label="区划代码 :">
                  <el-input
                    v-model="checkResult.uniscid"
                    disabled
                    class="width100"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="地名 :">
                  <el-input
                    v-model="checkResult.place_code"
                    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.roman_alphabet_spelling"
                    disabled
                    class="width100"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="地名类别 :">
                  <el-input
                    v-model="checkResult.place_type"
                    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.place_meaning"
                  ></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.place_origin"
                  ></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.place_history"
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </div>
    </div>
  </template>
  
  <script>
  import { dm } from "@/api/v1.js";
  export default {
    name: "BdcdjWebSfhc",
    data() {
      return {
        queryForm: {},
        checkResult: {},
      };
    },
    mounted() {},
    methods: {
      handleSearch() {
        dm(this.queryForm).then((res) => {
          if (res.status == "OK") {
            this.checkResult = res.data.rows[0];
          }
        });
      },
    },
  };
  </script>
  
  <style lang="scss" scoped>
  </style>