| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="label">区划级别</div> |
| | | <div class="val"> {{ getDictLabel(formData.regionLevel, dictObj.divisionLevel) }}</div> |
| | | <div class="val"> {{ getDictLabel(formData.regionLevel, dictObj.regionLevel) }}</div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="label">区划排序</div> |
| | |
| | | placeholder="请选择" |
| | | clearable |
| | | > |
| | | <el-option v-for="item in dictObj.divisionLevel" :key="item.dictKey" |
| | | <el-option v-for="item in dictObj.regionLevel" :key="item.dictKey" |
| | | :label="item.dictValue" |
| | | :value="item.dictKey" /> |
| | | </el-select> |
| | |
| | | resolve([]) |
| | | } |
| | | } |
| | | // 获取初始区域数据(根节点) |
| | | async function getRegionList() { |
| | | try { |
| | | // 懒加载模式下,只需要初始化根节点 |
| | | const res = await regionLazyTreeApi({ code: '360800000000' }) |
| | | const nodes = res?.data?.data || [] |
| | | |
| | | // 处理根节点数据 |
| | | regionOptions.value = nodes.map(item => { |
| | | return { |
| | | id: item.id || item.value, |
| | | name: item.name || item.title || item.label, |
| | | hasChildren: item.hasChildren || false |
| | | } |
| | | }) |
| | | } catch (error) { |
| | | console.error('获取区域数据失败:', error) |
| | | } |
| | | } |
| | | defineExpose({ open }) |
| | | |
| | | onMounted(() => { |
| | | getRegionList() |
| | | }) |
| | | </script> |
| | | |