hectorzhao/lislgosms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: harden real backend workflows and channel connections

Browse Source
This commit is contained in:
hectorzhao
2026-07-06 17:54:53 +08:00
parent 8cca361441
commit b5132d7f4e
47 changed files with 2530 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/apps/admin/AdminEnterpriseSignaturesPage.tsx
+236 -17
View File
@@ -1,7 +1,7 @@
import { useEffect, useMemo, useState } from 'react';
import { ChevronDown, ChevronRight, Edit3, FileText, Plus, Search, Trash2 } from 'lucide-react';
import { adminApi, type ClientSmsApplication, type ClientSmsSignature, type TenantOption } from '@/api/adminApi';
import { Breadcrumb, Button, Input, Modal, Select, Tabs, Tag, Textarea } from '@/components/ui';
import { ChevronDown, ChevronRight, Edit3, FileText, Info, Plus, Search, Trash2, Upload } from 'lucide-react';
import { adminApi, type ClientSmsApplication, type ClientSmsSignature, type FileRef, type TenantOption } from '@/api/adminApi';
import { Breadcrumb, Button, FileActions, Input, Modal, Select, Tabs, Tag, Textarea } from '@/components/ui';
type CarrierStatus = 'approved' | 'pending' | 'rejected' | 'filing';
@@ -9,6 +9,16 @@ type DrainageInfo = {
id: string;
siteName: string;
url: string;
field1File?: UploadedFileRef | null;
field2?: string;
field3?: string;
field4?: string;
field5?: string;
field6?: string;
field7File?: UploadedFileRef | null;
field8?: string;
field9?: string;
field10?: string;
mobile: CarrierStatus;
unicom: CarrierStatus;
telecom: CarrierStatus;
@@ -16,11 +26,30 @@ type DrainageInfo = {
remark: string;
};
type UploadedFileRef = FileRef;
type SignatureProfile = {
basis: string;
companyName: string;
creditCode: string;
legalPersonName: string;
legalPersonIdCard: string;
responsibleName: string;
responsiblePhone: string;
responsibleIdCard: string;
credentialFile?: UploadedFileRef | null;
legalFrontFile?: UploadedFileRef | null;
legalBackFile?: UploadedFileRef | null;
responsibleFrontFile?: UploadedFileRef | null;
responsibleBackFile?: UploadedFileRef | null;
};
type SignatureFormState = {
tenantId: string;
applicationId: string;
name: string;
purpose: string;
profile: SignatureProfile;
mobile: CarrierStatus;
unicom: CarrierStatus;
telecom: CarrierStatus;
@@ -54,6 +83,7 @@ function StatusTag({ status }: { status: CarrierStatus }) {
function readDrainagePayload(signature: ClientSmsSignature) {
const payload = signature.drainageInfo && typeof signature.drainageInfo === 'object' ? signature.drainageInfo : {};
const carrierStatus = typeof payload.carrierStatus === 'object' && payload.carrierStatus ? payload.carrierStatus as Record<string, unknown> : {};
const profile = typeof payload.signatureProfile === 'object' && payload.signatureProfile ? payload.signatureProfile as Record<string, unknown> : {};
const links = Array.isArray(payload.links) ? payload.links as Array<Record<string, unknown>> : [];
const fallbackStatus = normalizeCarrierStatus(signature.auditStatus);
return {
@@ -62,10 +92,21 @@ function readDrainagePayload(signature: ClientSmsSignature) {
unicom: normalizeCarrierStatus(carrierStatus.unicom, fallbackStatus),
telecom: normalizeCarrierStatus(carrierStatus.telecom, fallbackStatus),
},
signatureProfile: normalizeSignatureProfile(profile, signature),
links: links.map((item) => ({
id: String(item.id ?? `drain-${Date.now()}`),
siteName: String(item.siteName ?? ''),
url: String(item.url ?? ''),
field1File: normalizeUploadedFile(item.field1File),
field2: String(item.field2 ?? ''),
field3: String(item.field3 ?? ''),
field4: String(item.field4 ?? ''),
field5: String(item.field5 ?? ''),
field6: String(item.field6 ?? ''),
field7File: normalizeUploadedFile(item.field7File),
field8: String(item.field8 ?? ''),
field9: String(item.field9 ?? ''),
field10: String(item.field10 ?? ''),
mobile: normalizeCarrierStatus(item.mobile, 'filing'),
unicom: normalizeCarrierStatus(item.unicom, 'filing'),
telecom: normalizeCarrierStatus(item.telecom, 'filing'),
@@ -75,8 +116,54 @@ function readDrainagePayload(signature: ClientSmsSignature) {
};
}
function buildDrainagePayload(carrierStatus: { mobile: CarrierStatus; unicom: CarrierStatus; telecom: CarrierStatus }, links: DrainageInfo[]) {
return { carrierStatus, links };
function buildDrainagePayload(carrierStatus: { mobile: CarrierStatus; unicom: CarrierStatus; telecom: CarrierStatus }, links: DrainageInfo[], signatureProfile?: SignatureProfile) {
return { carrierStatus, links, signatureProfile };
}
function normalizeUploadedFile(value: unknown): UploadedFileRef | null {
if (!value || typeof value !== 'object') return null;
const item = value as Record<string, unknown>;
const fileObjectId = String(item.fileObjectId ?? '');
const fileName = String(item.fileName ?? '');
const contentType = typeof item.contentType === 'string' ? item.contentType : undefined;
return fileObjectId || fileName ? { contentType, fileObjectId, fileName } : null;
}
function emptySignatureProfile(signature?: ClientSmsSignature): SignatureProfile {
return {
basis: '',
companyName: signature?.tenant?.name ?? '',
creditCode: '',
legalPersonName: '',
legalPersonIdCard: '',
responsibleName: '',
responsiblePhone: '',
responsibleIdCard: '',
credentialFile: null,
legalFrontFile: null,
legalBackFile: null,
responsibleFrontFile: null,
responsibleBackFile: null,
};
}
function normalizeSignatureProfile(value: Record<string, unknown>, signature?: ClientSmsSignature): SignatureProfile {
return {
...emptySignatureProfile(signature),
basis: String(value.basis ?? ''),
companyName: String(value.companyName ?? signature?.tenant?.name ?? ''),
creditCode: String(value.creditCode ?? ''),
legalPersonName: String(value.legalPersonName ?? ''),
legalPersonIdCard: String(value.legalPersonIdCard ?? ''),
responsibleName: String(value.responsibleName ?? ''),
responsiblePhone: String(value.responsiblePhone ?? ''),
responsibleIdCard: String(value.responsibleIdCard ?? ''),
credentialFile: normalizeUploadedFile(value.credentialFile),
legalFrontFile: normalizeUploadedFile(value.legalFrontFile),
legalBackFile: normalizeUploadedFile(value.legalBackFile),
responsibleFrontFile: normalizeUploadedFile(value.responsibleFrontFile),
responsibleBackFile: normalizeUploadedFile(value.responsibleBackFile),
};
}
function normalizeCarrierStatus(value: unknown, fallback: CarrierStatus = 'filing'): CarrierStatus {
@@ -91,6 +178,53 @@ function formatDate(value?: string) {
return value ? new Date(value).toLocaleString('zh-CN') : '-';
}
function SignatureUploadBox({
compact = false,
file,
label,
onUploaded,
}: {
compact?: boolean;
file?: UploadedFileRef | null;
label: string;
onUploaded: (file: UploadedFileRef) => void;
}) {
const [uploading, setUploading] = useState(false);
const [error, setError] = useState('');
async function uploadFile(fileInput: File | undefined) {
if (!fileInput) return;
setUploading(true);
setError('');
try {
const fileObject = await adminApi.uploadFileObject(fileInput, { purpose: 'signature_report_material', prefix: 'signature-report-materials' });
onUploaded({ contentType: fileObject.contentType, fileObjectId: fileObject.id, fileName: fileObject.fileName });
} catch (failure) {
setError(failure instanceof Error ? failure.message : '文件上传失败');
} finally {
setUploading(false);
}
}
return (
<label className={compact ? 'signature-upload signature-upload--compact' : 'signature-upload'}>
<span>{label}</span>
<Upload size={compact ? 30 : 42} />
<strong>{uploading ? '上传中...' : file?.fileName || (compact ? '上传文件' : '点击上传 或拖拽文件到此处')}</strong>
<FileActions file={file} />
{!compact ? <small>支持 PNG、JPG、JPEG、PDF，文件大小不超过 10M</small> : null}
{error ? <small className="form-error">{error}</small> : null}
<input
accept="image/png,image/jpeg,application/pdf"
disabled={uploading}
onChange={(event) => { void uploadFile(event.target.files?.[0]); }}
style={{ display: 'none' }}
type="file"
/>
</label>
);
}
function SignatureFormModal({
applications,
item,
@@ -110,6 +244,7 @@ function SignatureFormModal({
applicationId: item?.applicationId ?? '',
name: item?.name ?? '',
purpose: item?.purpose ?? '',
profile: payload?.signatureProfile ?? emptySignatureProfile(item),
mobile: payload?.carrierStatus.mobile ?? 'filing',
unicom: payload?.carrierStatus.unicom ?? 'filing',
telecom: payload?.carrierStatus.telecom ?? 'filing',
@@ -120,6 +255,10 @@ function SignatureFormModal({
setForm((current) => ({ ...current, [key]: value }));
}
function updateProfile<Key extends keyof SignatureProfile>(key: Key, value: SignatureProfile[Key]) {
setForm((current) => ({ ...current, profile: { ...current.profile, [key]: value } }));
}
return (
<Modal
footer={(
@@ -131,11 +270,20 @@ function SignatureFormModal({
onClose={onClose}
open
size="xl"
title={item ? '编辑短信签名' : '添加短信签名'}
title={(
<div className="signature-modal-title">
<h2>{item ? '编辑签名' : '添加签名'}</h2>
<p>{item ? '修改短信签名的相关信息' : '新增短信签名的相关信息'}</p>
</div>
)}
>
<div className="signature-form">
<section>
<h3>基本信息</h3>
<div className="signature-alert">
<Info size={18} />
<span>签名需履行报备，并遵照管理部门审核结果方可使用。请用 PNG、JPG、JPEG 或 PDF 格式上传真实材料。</span>
</div>
<div className="signature-form-grid">
<Select
disabled={Boolean(item)}
@@ -149,7 +297,7 @@ function SignatureFormModal({
value={form.tenantId}
/>
<Select
label="所属应用"
label="* 应用名称"
onChange={(event) => update('applicationId', event.target.value)}
options={[
{ label: '不绑定应用', value: '' },
@@ -157,8 +305,46 @@ function SignatureFormModal({
]}
value={form.applicationId}
/>
<Input label="短信签名" onChange={(event) => update('name', event.target.value)} placeholder="例如【某某科技】" required value={form.name} />
<Input label="签名用途" onChange={(event) => update('purpose', event.target.value)} placeholder="行业通知/营销推广/验证码" value={form.purpose} />
<Select
label="* 签名依据"
onChange={(event) => updateProfile('basis', event.target.value)}
options={[
{ label: '请选择签名依据', value: '' },
{ label: '企事业单位证明', value: 'company' },
{ label: '商标注册证', value: 'trademark' },
{ label: '授权委托书', value: 'authorization' },
]}
value={form.profile.basis}
/>
<Input label="* 短信签名" onChange={(event) => update('name', event.target.value)} placeholder="请输入短信签名，如【XXXX公司】" required value={form.name} />
</div>
<SignatureUploadBox
file={form.profile.credentialFile}
label="* 资质凭证"
onUploaded={(file) => updateProfile('credentialFile', file)}
/>
</section>
<section>
<h3>公司信息</h3>
<div className="signature-form-grid">
<Input label="* 公司名称" onChange={(event) => updateProfile('companyName', event.target.value)} placeholder="请输入公司名称" value={form.profile.companyName} />
<Input label="* 统一社会信用代码" onChange={(event) => updateProfile('creditCode', event.target.value)} placeholder="请输入统一社会信用代码" value={form.profile.creditCode} />
<Input label="* 法人姓名" onChange={(event) => updateProfile('legalPersonName', event.target.value)} placeholder="请输入法人姓名" value={form.profile.legalPersonName} />
<Input label="法人身份证号" onChange={(event) => updateProfile('legalPersonIdCard', event.target.value)} placeholder="请输入法人身份证号" value={form.profile.legalPersonIdCard} />
<SignatureUploadBox compact file={form.profile.legalFrontFile} label="法人身份证照片-人像面" onUploaded={(file) => updateProfile('legalFrontFile', file)} />
<SignatureUploadBox compact file={form.profile.legalBackFile} label="法人身份证照片-国徽面" onUploaded={(file) => updateProfile('legalBackFile', file)} />
</div>
</section>
<section>
<h3>责任人信息</h3>
<div className="signature-form-grid">
<Input label="* 责任人姓名" onChange={(event) => updateProfile('responsibleName', event.target.value)} placeholder="请输入责任人姓名" value={form.profile.responsibleName} />
<Input label="* 责任人手机号" onChange={(event) => updateProfile('responsiblePhone', event.target.value)} placeholder="请输入责任人手机号" value={form.profile.responsiblePhone} />
<Input className="signature-form-grid__wide" label="* 责任人身份证号" onChange={(event) => updateProfile('responsibleIdCard', event.target.value)} placeholder="请输入责任人身份证号" value={form.profile.responsibleIdCard} />
<SignatureUploadBox compact file={form.profile.responsibleFrontFile} label="责任人身份证照片-人像面" onUploaded={(file) => updateProfile('responsibleFrontFile', file)} />
<SignatureUploadBox compact file={form.profile.responsibleBackFile} label="责任人身份证照片-国徽面" onUploaded={(file) => updateProfile('responsibleBackFile', file)} />
</div>
</section>
@@ -180,6 +366,16 @@ function DrainageFormModal({ item, onClose, onSubmit }: { item?: DrainageInfo; o
id: `drain-${Date.now()}`,
siteName: '',
url: '',
field1File: null,
field2: '',
field3: '',
field4: '',
field5: '',
field6: '',
field7File: null,
field8: '',
field9: '',
field10: '',
mobile: 'filing',
unicom: 'filing',
telecom: 'filing',
@@ -196,20 +392,43 @@ function DrainageFormModal({ item, onClose, onSubmit }: { item?: DrainageInfo; o
footer={(
<>
<Button onClick={onClose} variant="ghost">取消</Button>
<Button disabled={!form.siteName || !form.url} onClick={() => onSubmit(form)}>保存</Button>
<Button disabled={!form.url} onClick={() => onSubmit(form)}>保存</Button>
</>
)}
onClose={onClose}
open
size="xl"
title={item ? '编辑引流链接' : '添加引流链接'}
title={item ? '编辑引流信息' : '添加引流信息'}
>
<div className="signature-form drainage-edit-form">
<section>
<h3>引流信息</h3>
<h3>基本信息</h3>
<Input
label="* 引流信息"
onChange={(event) => update('url', event.target.value)}
placeholder="请输入引流网址"
required
value={form.url}
/>
<div className="signature-alert drainage-form-note">
<Info size={18} />
<ol>
<li>本页面中所填的信息需与短信内容应用所包含的网站或服务保持一致；</li>
<li>图片仅支持 PNG、JPG 或 JPEG 格式的正版文件，且大小不超过 3M；</li>
<li>文件格式支持 PDF 格式或者图片，且大小不超过 10M。</li>
</ol>
</div>
<div className="signature-form-grid">
<Input label="站名称" onChange={(event) => update('siteName', event.target.value)} placeholder="请输入站点名称" required value={form.siteName} />
<Input label="网站链接" onChange={(event) => update('url', event.target.value)} placeholder="https://example.com" required value={form.url} />
<SignatureUploadBox compact file={form.field1File} label="* 字段名称1" onUploaded={(file) => update('field1File', file)} />
<Input label="* 字段名称2" onChange={(event) => update('field2', event.target.value)} placeholder="请输入字段2内容" value={form.field2 ?? ''} />
<Input label="* 字段名称3" onChange={(event) => { update('field3', event.target.value); update('siteName', event.target.value); }} placeholder="请输入公司名称" value={form.field3 ?? form.siteName} />
<Input label="字段名称4" onChange={(event) => update('field4', event.target.value)} placeholder="请输入统一社会信用代码" value={form.field4 ?? ''} />
<Input label="* 字段名称5" onChange={(event) => update('field5', event.target.value)} placeholder="请输入法人姓名" value={form.field5 ?? ''} />
<Input label="字段名称6" onChange={(event) => update('field6', event.target.value)} placeholder="请输入法人身份证号" value={form.field6 ?? ''} />
<SignatureUploadBox compact file={form.field7File} label="字段名称7" onUploaded={(file) => update('field7File', file)} />
<Input label="* 字段名称8" onChange={(event) => update('field8', event.target.value)} placeholder="请输入责任人身份证号" value={form.field8 ?? ''} />
<Input label="* 字段名称9" onChange={(event) => update('field9', event.target.value)} placeholder="请输入责任人姓名" value={form.field9 ?? ''} />
<Input label="* 字段名称10" onChange={(event) => update('field10', event.target.value)} placeholder="请输入责任人手机号" value={form.field10 ?? ''} />
<Select label="移动状态" onChange={(event) => update('mobile', event.target.value as CarrierStatus)} options={statusOptions} value={form.mobile} />
<Select label="联通状态" onChange={(event) => update('unicom', event.target.value as CarrierStatus)} options={statusOptions} value={form.unicom} />
<Select label="电信状态" onChange={(event) => update('telecom', event.target.value as CarrierStatus)} options={statusOptions} value={form.telecom} />
@@ -326,7 +545,7 @@ export function AdminEnterpriseSignaturesPage() {
mobile: state.mobile,
unicom: state.unicom,
telecom: state.telecom,
}, existingPayload.links);
}, existingPayload.links, state.profile);
try {
if (existing) {
await adminApi.updateEnterpriseSignature(existing.id, {
@@ -362,7 +581,7 @@ export function AdminEnterpriseSignaturesPage() {
? payload.links.map((current) => current.id === item.id ? item : current)
: [item, ...payload.links];
await adminApi.updateEnterpriseSignature(signatureId, {
drainageInfo: buildDrainagePayload(payload.carrierStatus, links),
drainageInfo: buildDrainagePayload(payload.carrierStatus, links, payload.signatureProfile),
});
setDrainageModal(null);
setExpandedSignatureId(signatureId);
@@ -380,7 +599,7 @@ export function AdminEnterpriseSignaturesPage() {
if (signature) {
const payload = readDrainagePayload(signature);
await adminApi.updateEnterpriseSignature(signature.id, {
drainageInfo: buildDrainagePayload(payload.carrierStatus, payload.links.filter((item) => item.id !== deleteTarget.id)),
drainageInfo: buildDrainagePayload(payload.carrierStatus, payload.links.filter((item) => item.id !== deleteTarget.id), payload.signatureProfile),
});
}
}