rain/jiapu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成10%

Browse Source
This commit is contained in:
rain
2026-07-24 18:11:16 +08:00
parent 8716a68fdb
commit 8870136d1b
33 changed files with 3853 additions and 336 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/region-pages.js
+132 -48
View File
@@ -17,29 +17,11 @@
var documentRef = root.document;
function normalizeList(data) {
// 行政区划接口使用通用 ListResult，兼容常见数组包裹字段。
// ApiClient 已解包 PC ListResult；组件只接收正式的数组结果。
if (Array.isArray(data)) return data;
if (!data || typeof data !== 'object') return [];
if (Array.isArray(data.rows)) return data.rows;
if (Array.isArray(data.records)) return data.records;
if (Array.isArray(data.list)) return data.list;
if (Array.isArray(data.data)) return data.data;
return [];
}
function pick(item, keys, fallback) {
var source = item || {};
var index;
var value;
for (index = 0; index < keys.length; index += 1) {
value = source[keys[index]];
if (value !== undefined && value !== null && value !== '') return value;
}
return fallback || '';
}
function escapeHtml(value) {
// 地区名称和编码进入 option 前统一转义。
return String(value === undefined || value === null ? '' : value)
@@ -51,23 +33,17 @@
}
function getRegionCode(item) {
return pick(item, ['regionCode', 'code', 'value'], '');
return item && item.regionCode || '';
}
function getRegionName(item) {
return pick(item, ['regionName', 'name', 'label'], '未命名地区');
return item && item.regionName || '未命名地区';
}
function getRegionLevel(item) {
var source = item || {};
var level = Number(pick(source, ['level', 'regionLevel'], 0));
var code = getRegionCode(source);
var level = Number(item && item.regionLevel);
if (level >= 1 && level <= 3) return level;
if (!/^\d{6}$/.test(code)) return 0;
if (/0000$/.test(code)) return 1;
if (/00$/.test(code)) return 2;
return 3;
return Number.isInteger(level) ? level : 0;
}
function buildRegionSelection(items) {
@@ -125,11 +101,35 @@
return root.GenealogyApi && root.GenealogyApi.defaultClient;
}
function shouldRedirectToLogin(api, error) {
var status = error && (error.status || error.code);
return !api || !api.getToken || !api.getToken() || Number(status) === 401;
}
function redirectToLogin() {
if (!root.location) return;
if (typeof root.location.replace === 'function') {
root.location.replace('login.html');
return;
}
root.location.href = 'login.html';
}
function redirectUnauthorized(api, error) {
if (!shouldRedirectToLogin(api, error)) return false;
if (api && api.clearToken) api.clearToken();
redirectToLogin();
return true;
}
function query(selector, rootNode) {
if (!documentRef && !rootNode) return null;
return (rootNode || documentRef).querySelector(selector);
}
function queryAll(selector, rootNode) {
if (!documentRef && !rootNode) return [];
return Array.prototype.slice.call((rootNode || documentRef).querySelectorAll(selector));
}
@@ -139,7 +139,7 @@
return;
}
root.alert(message);
if (root.alert) root.alert(message);
}
function getFormValues(form) {
@@ -162,6 +162,7 @@
function resetSelect(select, placeholder) {
if (!select) return;
select.__regionRequestVersion = (select.__regionRequestVersion || 0) + 1;
select.innerHTML = '<option value="">' + escapeHtml(placeholder) + '</option>';
select.disabled = true;
}
@@ -179,31 +180,53 @@
async function loadChildrenInto(select, parentCode, placeholder) {
var api = getApi();
var requestVersion;
var items;
if (!api || !select) return;
setOptions(select, await api.regionChildren(parentCode || '0'), placeholder);
if (!api || !select) return false;
requestVersion = (select.__regionRequestVersion || 0) + 1;
select.__regionRequestVersion = requestVersion;
select.disabled = true;
try {
items = await api.regionChildren(parentCode || '0');
if (select.__regionRequestVersion !== requestVersion) return false;
setOptions(select, items, placeholder);
return true;
} catch (error) {
if (select.__regionRequestVersion === requestVersion) {
select.innerHTML = '<option value="">' + escapeHtml(placeholder) + '</option>';
select.disabled = true;
}
throw error;
}
}
async function initPicker(picker) {
var province = query('[data-region-level="province"]', picker);
var city = query('[data-region-level="city"]', picker);
var district = query('[data-region-level="district"]', picker);
function handlePickerError(error) {
var api = getApi();
resetSelect(city, '请选择市');
resetSelect(district, '请选择区县');
await loadChildrenInto(province, '0', '请选择省');
if (!redirectUnauthorized(api, error)) showMessage(error.message || '地区加载失败');
}
province.addEventListener('change', async function () {
function bindPickerEvents(picker, province, city, district) {
if (picker.__regionEventsBound) return;
picker.__regionEventsBound = true;
province.addEventListener('change', function () {
resetSelect(city, '请选择市');
resetSelect(district, '请选择区县');
updateTargetCode(picker);
if (province.value) await loadChildrenInto(city, province.value, '请选择市');
if (!province.value) return;
loadChildrenInto(city, province.value, '请选择市').catch(handlePickerError);
});
city.addEventListener('change', async function () {
city.addEventListener('change', function () {
resetSelect(district, '请选择区县');
updateTargetCode(picker);
if (city.value) await loadChildrenInto(district, city.value, '请选择区县');
if (!city.value) return;
loadChildrenInto(district, city.value, '请选择区县').catch(handlePickerError);
});
district.addEventListener('change', function () {
@@ -211,13 +234,40 @@
});
}
function initPicker(picker) {
var province = query('[data-region-level="province"]', picker);
var city = query('[data-region-level="city"]', picker);
var district = query('[data-region-level="district"]', picker);
if (!picker || !province || !city || !district) return Promise.resolve();
if (picker.__regionInitPromise) return picker.__regionInitPromise;
resetSelect(city, '请选择市');
resetSelect(district, '请选择区县');
bindPickerEvents(picker, province, city, district);
picker.__regionInitPromise = loadChildrenInto(province, '0', '请选择省').catch(function (error) {
picker.__regionInitPromise = null;
throw error;
});
return picker.__regionInitPromise;
}
async function applyRegionSelection(picker, selection) {
var province = query('[data-region-level="province"]', picker);
var city = query('[data-region-level="city"]', picker);
var district = query('[data-region-level="district"]', picker);
var values = selection || {};
if (!values.provinceCode) return;
await initPicker(picker);
if (!values.provinceCode) {
province.value = '';
resetSelect(city, '请选择市');
resetSelect(district, '请选择区县');
updateTargetCode(picker);
return;
}
province.value = values.provinceCode;
resetSelect(city, '请选择市');
@@ -236,6 +286,12 @@
updateTargetCode(picker);
}
function applyProfileRegionSelection(selection) {
return Promise.all(queryAll('[data-region-picker]').map(function (picker) {
return applyRegionSelection(picker, selection);
}));
}
function renderSearchResults(container, items) {
var list = normalizeList(items);
@@ -254,7 +310,7 @@
var results = query('[data-region-search-results]', form.parentNode);
var pathText = query('[data-region-search-path]', form.parentNode);
if (!api) return;
if (redirectUnauthorized(api)) return;
if (!values.regionKeyword || !values.regionKeyword.trim()) {
showMessage('请输入地区名称或编码');
return;
@@ -268,6 +324,7 @@
}));
if (pathText) pathText.textContent = '请选择一个地区';
} catch (error) {
if (redirectUnauthorized(api, error)) return;
if (pathText) pathText.textContent = error.message || '地区搜索失败';
showMessage(error.message || '地区搜索失败');
}
@@ -282,7 +339,7 @@
var detail;
var path;
if (!api || !code || !picker) return;
if (!code || !picker || redirectUnauthorized(api)) return;
if (pathText) pathText.textContent = '正在定位地区...';
try {
@@ -291,6 +348,7 @@
await applyRegionSelection(picker, buildRegionSelection(path));
if (pathText) pathText.textContent = buildPathText(path);
} catch (error) {
if (redirectUnauthorized(api, error)) return;
if (pathText) pathText.textContent = error.message || '地区定位失败';
showMessage(error.message || '地区定位失败');
}
@@ -300,21 +358,36 @@
var api = getApi();
var values = getFormValues(form);
var body = buildProfileRegionBody(values);
var status = query('[data-region-profile-status]', form);
if (!api) return;
if (redirectUnauthorized(api)) return;
if (!body.provinceCode) {
showMessage('请选择省份');
return;
}
try {
setSubmitting(form, true);
if (status) status.textContent = '保存中...';
await api.updateProfile(body);
if (status) status.textContent = '已保存';
showMessage('地区资料已保存');
if (root.ProfilePages && root.ProfilePages.reloadProfile) await root.ProfilePages.reloadProfile();
} catch (error) {
if (redirectUnauthorized(api, error)) return;
if (status) status.textContent = '保存失败';
showMessage(error.message || '地区资料保存失败');
} finally {
setSubmitting(form, false);
}
}
function setSubmitting(form, isSubmitting) {
queryAll('button[type="submit"]', form).forEach(function (button) {
button.disabled = isSubmitting;
});
}
function bindProfileForms() {
queryAll('[data-region-profile-form]').forEach(function (form) {
form.addEventListener('submit', function (event) {
@@ -342,10 +415,15 @@
}
function init() {
var api;
if (!documentRef) return;
if (!queryAll('[data-region-picker]').length && !queryAll('[data-region-search-form]').length) return;
api = getApi();
if (redirectUnauthorized(api)) return;
queryAll('[data-region-picker]').forEach(function (picker) {
initPicker(picker);
initPicker(picker).catch(handlePickerError);
});
bindProfileForms();
bindSearchForms();
@@ -353,11 +431,17 @@
return {
normalizeList: normalizeList,
getRegionCode: getRegionCode,
getRegionName: getRegionName,
getRegionLevel: getRegionLevel,
buildRegionOption: buildRegionOption,
buildPathText: buildPathText,
buildRegionSelection: buildRegionSelection,
getFinalRegionCode: getFinalRegionCode,
buildProfileRegionBody: buildProfileRegionBody,
applyRegionSelection: applyRegionSelection,
applyProfileRegionSelection: applyProfileRegionSelection,
shouldRedirectToLogin: shouldRedirectToLogin,
init: init
};
});