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

等待后端更新接口

Browse Source
This commit is contained in:
rain
2026-08-03 16:49:26 +08:00
parent ac5823547a
commit 5b79893650
131 changed files with 5324 additions and 1392 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/memo-pages.js
+124 -37
View File
@@ -15,6 +15,7 @@
var documentRef = root.document;
var memosById = Object.create(null);
var canEditContent = false;
var writePending = false;
function getApi() {
@@ -228,18 +229,25 @@
return memoId ? url + '&memoId=' + encodeURIComponent(memoId) : url;
}
function canEditRecords(genealogy) {
return Boolean(genealogy && (genealogy.canEditContent === true || genealogy.canManage === true));
}
function renderMemoRow(memo) {
var summary = [];
var actions = '<button class="pill" type="button" data-memo-detail-id="' +
escapeHtml(memo.memoId) + '">查看详情</button>';
summary.push(memo.completed === '1' ? '已完成' : '未完成');
if (memo.remindTime) summary.push('提醒：' + memo.remindTime);
if (memo.memoContent) summary.push(memo.memoContent);
if (canEditContent) {
actions += '<a class="pill" href="' + escapeHtml(buildEditUrl(memo.genealogyId, memo.memoId)) +
'">编辑</a><button class="pill is-danger" type="button" data-memo-delete-id="' +
escapeHtml(memo.memoId) + '">删除</button>';
}
return '<article class="module-row memo-row"><div><h3>' + escapeHtml(memo.memoTitle) + '</h3><p>' +
escapeHtml(summary.join(' · ')) + '</p></div><div class="row-actions">' +
'<button class="pill" type="button" data-memo-detail-id="' + escapeHtml(memo.memoId) + '">查看详情</button>' +
'<a class="pill" href="' + escapeHtml(buildEditUrl(memo.genealogyId, memo.memoId)) + '">编辑</a>' +
'<button class="pill is-danger" type="button" data-memo-delete-id="' + escapeHtml(memo.memoId) + '">删除</button>' +
'</div></article>';
escapeHtml(summary.join(' · ')) + '</p></div><div class="row-actions">' + actions + '</div></article>';
}
function detailValue(label, value) {
@@ -248,9 +256,16 @@
function renderMemoDetail(memo) {
var count;
var actions = '';
if (!memo) return '<div class="api-empty">请选择一条备忘录查看详情</div>';
if (!memo) return stateHtml('empty', '请选择一条备忘录查看详情');
count = attachmentCount(memo.mediaOssIds);
if (canEditContent) {
actions = '<div class="bottom-actions"><a class="btn ghost" href="' +
escapeHtml(buildEditUrl(memo.genealogyId, memo.memoId)) + '">编辑备忘录</a>' +
'<button class="btn ghost" type="button" data-memo-delete-id="' +
escapeHtml(memo.memoId) + '">删除备忘录</button></div>';
}
return '<div class="form-like memo-detail">' +
detailValue('备忘标题', memo.memoTitle) +
detailValue('备忘内容', memo.memoContent) +
@@ -259,9 +274,7 @@
detailValue('附件', count ? count + ' 个附件' : '未上传') +
detailValue('记录人', memo.appUserNickName) +
detailValue('备注', memo.remark) +
'</div><div class="bottom-actions"><a class="btn ghost" href="' +
escapeHtml(buildEditUrl(memo.genealogyId, memo.memoId)) + '">编辑备忘录</a>' +
'<button class="btn ghost" type="button" data-memo-delete-id="' + escapeHtml(memo.memoId) + '">删除备忘录</button></div>';
'</div>' + actions;
}
function showMessage(message) {
@@ -279,6 +292,10 @@
return Number(error && (error.status || error.code)) === 403;
}
function getApiStateType(error) {
return isForbidden(error) ? 'forbidden' : 'error';
}
function redirectUnauthorized(api, error) {
if (!shouldRedirectToLogin(api, error)) return false;
if (api && api.clearToken) api.clearToken();
@@ -288,13 +305,38 @@
return true;
}
function setFormStatus(message) {
var target = query('[data-memo-form-status]');
if (target) target.textContent = message || '';
function stateHtml(type, message) {
if (root.ProfileUI && root.ProfileUI.renderApiState) return root.ProfileUI.renderApiState(type, message);
return '<div class="api-state api-state--' + type + '" role="' +
(type === 'error' || type === 'forbidden' ? 'alert' : 'status') +
'" aria-live="polite">' + escapeHtml(message) + '</div>';
}
function setEditorEnabled(enabled, message) {
function setState(container, type, message) {
if (!container) return;
if (root.ProfileUI && root.ProfileUI.setApiState) {
root.ProfileUI.setApiState(container, type, message);
return;
}
container.innerHTML = stateHtml(type, message);
}
function setFormStatus(message, type) {
var target = query('[data-memo-form-status]');
if (!target) return;
if (!message) {
target.innerHTML = '';
return;
}
if (type && root.ProfileUI && root.ProfileUI.setApiState) {
root.ProfileUI.setApiState(target, type, message);
return;
}
target.textContent = message;
}
function setEditorEnabled(enabled, message, type) {
var placeholder = query('[data-memo-editor-placeholder]');
queryAll('[data-memo-editor], [data-memo-editor-action]').forEach(function (element) {
@@ -302,15 +344,39 @@
});
if (placeholder) {
placeholder.hidden = Boolean(enabled);
if (message) placeholder.textContent = message;
if (!enabled && message) {
if (type) setState(placeholder, type, message);
else placeholder.textContent = message;
}
}
}
function setWritePending(value) {
function setEditAccess(enabled) {
canEditContent = Boolean(enabled);
queryAll('[data-memo-create-link]').forEach(function (element) {
element.hidden = !canEditContent;
});
}
async function loadCapability(api, genealogyId) {
var genealogy = await api.genealogyDetail(genealogyId);
setEditAccess(canEditRecords(genealogy));
return genealogy;
}
function setWritePending(value, label) {
var submit = query('[data-memo-form] [type="submit"]');
writePending = Boolean(value);
queryAll('[data-memo-form] button, [data-memo-form] input, [data-memo-form] textarea, [data-memo-form] select, [data-memo-delete-id]').forEach(function (control) {
control.disabled = writePending;
});
if (submit) {
if (!submit.dataset.defaultLabel) submit.dataset.defaultLabel = submit.textContent;
submit.textContent = writePending && label ? label : submit.dataset.defaultLabel;
submit.setAttribute('aria-busy', writePending ? 'true' : 'false');
}
}
function syncLinks() {
@@ -322,10 +388,11 @@
var detail = query('[data-memo-detail]');
var message = '请先选择家谱，再查看或维护备忘录。';
if (list) list.innerHTML = '<div class="api-empty">' + message + '</div>';
if (detail) detail.innerHTML = '<div class="api-empty">当前没有家谱上下文。</div>';
setEditorEnabled(false, message);
setFormStatus(message);
setState(list, 'empty', message);
setState(detail, 'empty', '当前没有家谱上下文。');
setEditAccess(false);
setEditorEnabled(false, message, 'empty');
setFormStatus(message, 'empty');
}
function requireGenealogyId() {
@@ -347,11 +414,11 @@
});
if (!container) return memos;
if (!Array.isArray(data) || invalidCount) {
container.innerHTML = '<div class="api-empty">备忘录响应缺少稳定 MemoVo 字段，请联系后端核对。</div>';
setState(container, 'error', '备忘录响应缺少稳定 MemoVo 字段，请联系后端核对。');
return [];
}
if (!memos.length) {
container.innerHTML = '<div class="api-empty">暂无备忘录</div>';
setState(container, 'empty', '暂无备忘录');
return [];
}
container.innerHTML = memos.map(renderMemoRow).join('');
@@ -370,6 +437,7 @@
var memo;
if (!genealogyId || !normalizeId(memoId) || redirectUnauthorized(api)) return null;
setState(query('[data-memo-detail]'), 'loading', '正在加载备忘录详情…');
try {
memo = normalizeMemo(await api.memoDetail(genealogyId, memoId));
if (!memo) throw new Error('备忘录详情响应缺少稳定 MemoVo 字段');
@@ -378,7 +446,11 @@
return memo;
} catch (error) {
if (redirectUnauthorized(api, error)) return null;
renderDetail(null);
setState(
query('[data-memo-detail]'),
getApiStateType(error),
isForbidden(error) ? '当前账号无权查看该备忘录。' : '备忘录详情加载失败，请稍后重试。'
);
showMessage(isForbidden(error) ? '当前账号无权查看该备忘录。' : (error.message || '备忘录详情加载失败'));
return null;
}
@@ -394,7 +466,9 @@
genealogyId = requireGenealogyId();
if (!genealogyId) return;
syncLinks();
setState(query('[data-memo-list]'), 'loading', '正在加载备忘录…');
try {
await loadCapability(api, genealogyId);
memos = renderMemos(await api.memos(genealogyId));
requestedMemoId = getCurrentMemoId();
if (requestedMemoId && memosById[requestedMemoId]) {
@@ -406,11 +480,12 @@
}
} catch (error) {
if (redirectUnauthorized(api, error)) return;
if (query('[data-memo-list]')) {
query('[data-memo-list]').innerHTML = '<div class="api-empty">' +
(isForbidden(error) ? '当前账号无权查看该家谱的备忘录。' : '备忘录加载失败，请稍后重试。') +
'</div>';
}
setEditAccess(false);
setState(
query('[data-memo-list]'),
getApiStateType(error),
isForbidden(error) ? '当前账号无权查看该家谱的备忘录。' : '备忘录加载失败，请稍后重试。'
);
showMessage(isForbidden(error) ? '当前账号无权查看该家谱的备忘录。' : (error.message || '备忘录加载失败'));
}
}
@@ -457,8 +532,11 @@
if (!genealogyId) return;
memoId = getCurrentMemoId();
syncLinks();
setEditorEnabled(false, '正在加载备忘录编辑信息…');
setEditorEnabled(false, '正在加载备忘录编辑信息…', 'loading');
setFormStatus('正在读取家谱权限…', 'loading');
try {
await loadCapability(api, genealogyId);
if (!canEditContent) throw { status: 403, message: '当前账号无权维护该家谱的备忘录。' };
if (memoId) {
memo = normalizeMemo(await api.memoDetail(genealogyId, memoId));
if (!memo) throw new Error('备忘录详情响应缺少稳定 MemoVo 字段');
@@ -466,12 +544,17 @@
if (query('[data-memo-editor-title]')) query('[data-memo-editor-title]').textContent = '编辑备忘录';
}
setEditorEnabled(true);
setFormStatus('');
} catch (error) {
if (redirectUnauthorized(api, error)) return;
setEditAccess(false);
setEditorEnabled(false, isForbidden(error)
? '当前账号无权维护该家谱的备忘录。'
: (error.message || '备忘录编辑信息加载失败'));
setFormStatus(error.message || '备忘录编辑信息加载失败');
: (error.message || '备忘录编辑信息加载失败'), getApiStateType(error));
setFormStatus(
isForbidden(error) ? '当前账号无权维护该家谱的备忘录。' : (error.message || '备忘录编辑信息加载失败'),
getApiStateType(error)
);
}
}
@@ -486,16 +569,16 @@
var savedId;
var verifiedDetail;
if (writePending || !genealogyId || redirectUnauthorized(api)) return;
if (writePending || !canEditContent || !genealogyId || redirectUnauthorized(api)) return;
body = buildMemoBody(getFormValues(form));
validation = validateMemoBody(body);
if (validation) {
setFormStatus(validation);
setFormStatus(validation, 'error');
return;
}
delete body.invalidSortOrder;
setWritePending(true);
setFormStatus('正在保存备忘录…');
setWritePending(true, '正在保存…');
setFormStatus('正在保存备忘录…', 'loading');
try {
result = memoId
? await api.updateMemo(genealogyId, memoId, body)
@@ -508,7 +591,10 @@
if (root.location) root.location.href = buildListUrl(genealogyId, savedId);
} catch (error) {
if (redirectUnauthorized(api, error)) return;
setFormStatus(isForbidden(error) ? '当前账号无权保存该备忘录。' : (error.message || '备忘录保存失败'));
setFormStatus(
isForbidden(error) ? '当前账号无权保存该备忘录。' : (error.message || '备忘录保存失败'),
getApiStateType(error)
);
} finally {
setWritePending(false);
}
@@ -519,7 +605,7 @@
var genealogyId = requireGenealogyId();
var memo = memosById[memoId];
if (writePending || !genealogyId || !normalizeId(memoId) || redirectUnauthorized(api)) return;
if (writePending || !canEditContent || !genealogyId || !normalizeId(memoId) || redirectUnauthorized(api)) return;
if (root.confirm && !root.confirm('确认删除“' + (memo ? memo.memoTitle : '该备忘录') + '”吗？删除后不可恢复，并会释放附件引用。')) return;
setWritePending(true);
try {
@@ -589,6 +675,7 @@
validateMemoBody: validateMemoBody,
normalizeMemo: normalizeMemo,
matchesSavedMemo: matchesSavedMemo,
canEditRecords: canEditRecords,
isEditableMemo: isEditableMemo,
renderMemoDetail: renderMemoDetail,
shouldRedirectToLogin: shouldRedirectToLogin,