diff --git a/src/views/system/businessArea/index.vue b/src/views/system/businessArea/index.vue
index a27c20a..1cc41b8 100644
--- a/src/views/system/businessArea/index.vue
+++ b/src/views/system/businessArea/index.vue
@@ -3,23 +3,23 @@
         <div class="searchPanel">
             <el-form :inline="true" v-show="showSearch" class="searchPanelForm">
                 <el-form-item label="城市:">
-                    <el-select v-model="queryParams.provinceId" placeholder="请选择" clearable style="min-width: 30px">
-                        <el-option v-for="item in province" :key="item.value" :label="item.label" :value="item.value" />
+                    <el-select v-model="queryParams.provinceId" placeholder="请选择" @change="getCityList" clearable style="min-width: 30px">
+                        <el-option v-for="item in province" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="">
-                    <el-select v-model="queryParams.cityId" placeholder="请选择" clearable style="min-width: 30px">
-                        <el-option v-for="item in city" :key="item.value" :label="item.label" :value="item.value" />
+                    <el-select v-model="queryParams.cityId" placeholder="请选择" @change="getCountyList" clearable style="min-width: 30px">
+                        <el-option v-for="item in city" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="">
-                    <el-select v-model="queryParams.countyId" placeholder="请选择" clearable style="min-width: 30px">
-                        <el-option v-for="item in county" :key="item.value" :label="item.label" :value="item.value" />
+                    <el-select v-model="queryParams.countyId" placeholder="请选择" @change="getTownList" clearable style="min-width: 30px">
+                        <el-option v-for="item in county" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="">
                     <el-select v-model="queryParams.townId" placeholder="请选择" clearable style="min-width: 30px">
-                        <el-option v-for="item in town" :key="item.value" :label="item.label" :value="item.value" />
+                        <el-option v-for="item in town" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
             </el-form>
@@ -50,11 +50,11 @@
             </el-row>
 
             <el-table v-loading="loading" :data="businessAreaList" height="calc(100vh - 368px)">
-                <el-table-column label="省/直辖市" align="center" prop="postId" />
-                <el-table-column label="地级市/区" align="center" prop="postCode" />
-                <el-table-column label="区/县" align="center" prop="postName" />
-                <el-table-column label="镇" align="center" prop="postSort" />
-                <el-table-column label="商圈" align="center" prop="status" />
+                <el-table-column label="省/直辖市" align="center" prop="provinceName" />
+                <el-table-column label="地级市/区" align="center" prop="cityName" />
+                <el-table-column label="区/县" align="center" prop="countyName" />
+                <el-table-column label="镇" align="center" prop="townName" />
+                <el-table-column label="商圈" align="center" prop="name" />
                 <el-table-column label="创建时间" align="center" prop="createTime" width="210">
                     <template #default="scope">
                         <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -79,24 +79,24 @@
         <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" align-center :destroy-on-close="true"
             :close-on-click-modal="false">
             <el-form ref="businessAreaRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
-                <el-form-item label="省/直辖市" prop="provinceId">
-                    <el-select v-model="form.provinceId" placeholder="请选择" clearable>
-                        <el-option v-for="item in province" :key="item.value" :label="item.label" :value="item.value" />
+                <el-form-item label="省/直辖市" prop="provinceId" >
+                    <el-select v-model="form.provinceId" placeholder="请选择" clearable @change="getCityList1">
+                        <el-option v-for="item in province1" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="地级市/区" prop="cityId">
-                    <el-select v-model="form.cityId" placeholder="请选择" clearable>
-                        <el-option v-for="item in city" :key="item.value" :label="item.label" :value="item.value" />
+                    <el-select v-model="form.cityId" placeholder="请选择" clearable @change="getCountyList1">
+                        <el-option v-for="item in city1" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="区/县" prop="countyId">
-                    <el-select v-model="form.countyId" placeholder="请选择" clearable>
-                        <el-option v-for="item in county" :key="item.value" :label="item.label" :value="item.value" />
+                    <el-select v-model="form.countyId" placeholder="请选择" clearable @change="getTownList1">
+                        <el-option v-for="item in county1" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="镇" prop="townId">
                     <el-select v-model="form.townId" placeholder="请选择" clearable>
-                        <el-option v-for="item in town" :key="item.value" :label="item.label" :value="item.value" />
+                        <el-option v-for="item in town1" :key="item.id" :label="item.name" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="商圈" prop="name">
@@ -117,6 +117,7 @@
 import { onMounted, ref } from 'vue';
 import { Search } from '@element-plus/icons-vue'
 import { busTradingAreaPage, addBusTradingArea, updateBusTradingArea, getBusTradingArea, deleteBusTradingArea } from "@/api/system/businessArea"
+import { sysRegionListByPid } from "@/api/system/administrativeRegion"
 import { useBackgroundStore } from '@/store/modules/background'
 import otherbg from '@/assets/images/otherbg.png'
 const bgStore = useBackgroundStore()
@@ -135,6 +136,11 @@ const province = ref([])
 const city = ref([])
 const county = ref([])
 const town = ref([])
+
+const province1 = ref([])
+const city1 = ref([])
+const county1 = ref([])
+const town1 = ref([])
 const data = reactive({
     form: {},
     queryParams: {
@@ -163,13 +169,82 @@ const getbusinessAreaList = () => {
     loading.value = true
     busTradingAreaPage(queryParams.value).then(res => {
         if (res.code == 200) {
-            businessAreaList.value = res.list
-            total.value = res.total
+            businessAreaList.value = res.data.list
+            total.value = res.data.total
             loading.value = false
         }
     })
 }
 
+
+// 获取省/直辖市数据
+const getProvinceList = () => {
+    sysRegionListByPid({ parentId: '0' }).then(res => {
+        province.value = res.data
+    })
+}
+
+// 获取地级市/区数据
+const getCityList = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        queryParams.value.cityId = undefined
+        queryParams.value.countyId = undefined
+        queryParams.value.townId = undefined
+        city.value = res.data 
+    })
+}
+
+// 获取区/县数据
+const getCountyList = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        queryParams.value.countyId = undefined
+        queryParams.value.townId = undefined
+        county.value = res.data
+    })
+}
+
+// 获取镇数据
+const getTownList = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        queryParams.value.townId = undefined
+        town.value = res.data
+    })
+}
+
+// 获取省/直辖市数据
+const getProvinceList1 = () => {
+    sysRegionListByPid({ parentId: '0' }).then(res => {
+        province1.value = res.data
+    })
+}
+
+// 获取地级市/区数据
+const getCityList1 = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        form.value.cityId = undefined
+        form.value.countyId = undefined
+        form.value.townId = undefined
+        city1.value = res.data
+    })
+}
+
+// 获取区/县数据
+const getCountyList1 = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        form.value.countyId = undefined
+        form.value.townId = undefined
+        county1.value = res.data
+    })
+}
+
+// 获取镇数据
+const getTownList1 = (value) => {
+    sysRegionListByPid({ parentId: value }).then(res => {
+        form.value.townId = undefined
+        town1.value = res.data
+    })
+}
+
 /** 表单重置 */
 const reset = () => {
     form.value = {
@@ -204,7 +279,8 @@ const resetQuery = () => {
 
 /** 新增按钮操作 */
 const handleAdd = () => {
-    reset()
+    reset() 
+    getProvinceList1()
     open.value = true
     title.value = "添加商圈"
 }
@@ -212,6 +288,7 @@ const handleAdd = () => {
 /** 修改按钮操作 */
 const handleUpdate = (row) => {
     reset()
+    getProvinceList1()
     getBusTradingArea(row.id).then(response => {
         form.value = response.data
         open.value = true
@@ -261,5 +338,6 @@ function handleDelete(row) {
 onMounted(() => {
     bgStore.setBgImage(otherbg)
     getbusinessAreaList()
+    getProvinceList()
 }); 
 </script>
\ No newline at end of file