Add linked Chinese postal code input and lookup data

This commit is contained in:
biss committed 2026-08-17 19:24:58 +08:00
1 parent 3f685ca068
commit 1e43d910c0
8 files changed
+141 -4

No files matched your search

+2 -1
View File
@@ -6,6 +6,7 @@ import http, { apiErrorMessage } from '../api/http'
import { downloadApiFile, importExcel } from '../api/excel'
import { useAuthStore } from '../stores/auth'
import NativePlaceCascader from '../components/NativePlaceCascader.vue'
import ChinesePostalCodeInput from '../components/ChinesePostalCodeInput.vue'
import { ethnicityOptions, isChineseNationality, nationalityOptions, politicalStatusOptions } from '../data/studentIdentityOptions'
type Registry = 'teachers' | 'students'
@@ -661,7 +662,7 @@ watch(active, async () => {
<el-form-item label="现居住地址"><el-input v-model="form.currentAddress" /></el-form-item>
</div>
<div class="form-grid">
<el-form-item label="邮政编码"><el-input v-model="form.postalCode" /></el-form-item>
<el-form-item label="邮政编码"><ChinesePostalCodeInput v-model="form.postalCode" v-model:native-place="form.nativePlace" :linked="isChinese()" /></el-form-item>
<el-form-item label="微信"><el-input v-model="form.weChat" /></el-form-item>
</div>
<div class="form-grid">
+2 -1
View File
@@ -3,6 +3,7 @@ import { onMounted, reactive, ref, watch } from 'vue'
import { Check, EditPen, Refresh } from '@element-plus/icons-vue'
import http, { apiErrorMessage } from '../api/http'
import NativePlaceCascader from '../components/NativePlaceCascader.vue'
import ChinesePostalCodeInput from '../components/ChinesePostalCodeInput.vue'
import { ethnicityOptions, isChineseNationality, nationalityOptions, politicalStatusOptions } from '../data/studentIdentityOptions'
const loading = ref(true)
@@ -156,7 +157,7 @@ onMounted(load)
<el-form-item label="电子邮箱"><el-input v-model="form.email" maxlength="100" /></el-form-item>
<el-form-item label="微信"><el-input v-model="form.weChat" maxlength="60" /></el-form-item>
<el-form-item label="QQ"><el-input v-model="form.qq" maxlength="30" /></el-form-item>
<el-form-item label="邮政编码"><el-input v-model="form.postalCode" maxlength="20" /></el-form-item>
<el-form-item label="邮政编码"><ChinesePostalCodeInput v-model="form.postalCode" v-model:native-place="form.nativePlace" :linked="isChinese()" /></el-form-item>
<el-form-item label="户籍地址" class="span-2"><el-input v-model="form.householdAddress" maxlength="300" /></el-form-item>
<el-form-item label="现居住地址" class="span-2"><el-input v-model="form.currentAddress" maxlength="300" /></el-form-item>
</div>