个人信息

This commit is contained in:
biss committed 2026-08-17 19:12:51 +08:00
1 parent 8ef3dc08b9
commit 3f685ca068
4 files changed
+65 -15

No files matched your search

+5 -4
View File
@@ -3,6 +3,7 @@ import { computed, ref, watch } from 'vue'
import { nativePlaceRows } from '../data/nativePlaces.generated'
const model = defineModel<string>({ default: '' })
defineProps<{ disabled?: boolean }>()
type Place = {
id: number
@@ -85,16 +86,16 @@ watch(model, (value) => {
<template>
<div class="native-place-cascader">
<el-select :model-value="selectedIds[0]" :placeholder="levelLabels[0]" filterable clearable @update:model-value="(value) => changeLevel(0, value)">
<el-select :model-value="selectedIds[0]" :placeholder="levelLabels[0]" filterable clearable :disabled="disabled" @update:model-value="(value) => changeLevel(0, value)">
<el-option v-for="option in provinceOptions" :key="option.id" :label="option.name" :value="option.id" />
</el-select>
<el-select :model-value="selectedIds[1]" :placeholder="levelLabels[1]" filterable clearable :disabled="!selectedIds[0]" @update:model-value="(value) => changeLevel(1, value)">
<el-select :model-value="selectedIds[1]" :placeholder="levelLabels[1]" filterable clearable :disabled="disabled || !selectedIds[0]" @update:model-value="(value) => changeLevel(1, value)">
<el-option v-for="option in cityOptions" :key="option.id" :label="option.name" :value="option.id" />
</el-select>
<el-select :model-value="selectedIds[2]" :placeholder="levelLabels[2]" filterable clearable :disabled="!selectedIds[1]" @update:model-value="(value) => changeLevel(2, value)">
<el-select :model-value="selectedIds[2]" :placeholder="levelLabels[2]" filterable clearable :disabled="disabled || !selectedIds[1]" @update:model-value="(value) => changeLevel(2, value)">
<el-option v-for="option in districtOptions" :key="option.id" :label="option.name" :value="option.id" />
</el-select>
<el-select :model-value="selectedIds[3]" :placeholder="levelLabels[3]" filterable clearable :disabled="!selectedIds[2]" @update:model-value="(value) => changeLevel(3, value)">
<el-select :model-value="selectedIds[3]" :placeholder="levelLabels[3]" filterable clearable :disabled="disabled || !selectedIds[2]" @update:model-value="(value) => changeLevel(3, value)">
<el-option v-for="option in townOptions" :key="option.id" :label="option.name" :value="option.id" />
</el-select>
</div>