优化更新
This commit is contained in:
@@ -190,12 +190,16 @@ def delete_cities(city_ids):
|
||||
|
||||
## 前端级联选择
|
||||
|
||||
前端使用 `el-cascader` 组件实现省市区三级联动选择:
|
||||
前端使用 `ChinaArea` 组件或 `n-cascader` 实现省市区三级联动选择:
|
||||
|
||||
```vue
|
||||
<el-cascader
|
||||
v-model="selectedRegion"
|
||||
:props="cascaderProps"
|
||||
<!-- 推荐使用项目内置的 ChinaArea 组件 -->
|
||||
<ChinaArea v-model="formData.cityCode" :type="3" @change="handleCityChange" />
|
||||
|
||||
<!-- 或使用 NaiveUI 的 n-cascader -->
|
||||
<n-cascader
|
||||
v-model:value="selectedRegion"
|
||||
:options="regionOptions"
|
||||
placeholder="请选择省/市/区"
|
||||
/>
|
||||
|
||||
@@ -237,7 +241,7 @@ python manage.py migrate
|
||||
1. 五级行政区划:省/市/区/街道/社区,通过 parent_code 形成树形结构
|
||||
2. 丰富字段:含经纬度、拼音、邮编等信息
|
||||
3. 用户关联:用户表通过四级编码关联城市表
|
||||
4. 级联选择:前端通过 el-cascader 组件实现级联选择
|
||||
4. 级联选择:前端通过 ChinaArea 组件或 n-cascader 实现级联选择
|
||||
5. 删除校验:删除前检查子级,保证数据完整性
|
||||
6. 批量导入:内置全国行政区划数据
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user