wangchengming/YouKeChuanMei_VUE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复商圈管理

Browse Source
This commit is contained in:
wangchengming 2025-08-12 11:36:46 +08:00
parent 91788197cf
commit da0dc6a667
1 changed files with 101 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/views/system/businessArea/index.vue
View File

@ -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>