jeecgboot省市区联动

最新推荐文章于 2024-06-07 12:09:54 发布

道成空1024

最新推荐文章于 2024-06-07 12:09:54 发布

阅读量2.7k

点赞数 1

本文链接：https://blog.csdn.net/iwu2495rff/article/details/105392743

版权

html页面

<template>
  <a-card :bordered="false">
    <!-- 查询区域 输入省市区 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline">
        <a-row :gutter="24">
          <!-- 查询区域 输入省 -->
          <a-col :md="6" :sm="8">
            <a-form-item label="省">
              <a-select
                mode="default"
                style="width: 100%"
                placeholder="请输入省区"
                v-model="queryParam.provinceNo"
                @change="updateCity(queryParam.provinceNo)">
                <a-select-option v-for="(province,provinceindex) in provinceList" :key="provinceindex.toString()"
                                 :value="province.code">
                  {
  { province.name }}
                </a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
          <!-- 查询区域 输入市 -->
          <a-col :md="6" :sm="8">
            <a-form-item label="市行政区码">
              <a-select
                mode="default"
                style="width: 100%"
                placeholder="请输入市区"
                v-model="queryParam.cityNo"
                @change="updateDistrict(queryParam.cityNo)">
                <a-select-option v-for="(city,cityindex) in cityList" :key="cityindex.toString()" :value="city.code">
                  {
  { city.name }}
                </a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
          <!-- 查询区域 输入县 -->
          <a-col :md="6" :sm="8">
            <a-form-item label="行政区">
              <a-select
                mode="default"
                style="width: 100%"
                placeholder="请输入行政区"
                v-model="queryParam.districtNo">
                <a-select-option v-for="(district,districtindex) in districtList" :key="districtindex.toString()"
                                 :value="district.code">