@chenchaolong/plugin-trade-compliance-workbench 1.0.127 → 1.0.128
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/remote-components/trade-compliance-workbench/app.css +1 -1
- package/dist/lib/remote-components/trade-compliance-workbench/app.js +5 -5
- package/dist/lib/remote-components/trade-compliance-workbench/editor-source.mjs +18 -4
- package/dist/lib/remote-components/trade-compliance-workbench/editor.js +97 -97
- package/dist/lib/remote-components/trade-compliance-workbench/preview-source.mjs +26 -4
- package/dist/lib/remote-components/trade-compliance-workbench/preview.js +21 -21
- package/dist/lib/remote-ui/components/forms.d.ts +2 -1
- package/dist/lib/remote-ui/components/forms.d.ts.map +1 -1
- package/dist/lib/remote-ui/components/forms.js +3 -3
- package/dist/lib/remote-ui/components/forms.js.map +1 -1
- package/dist/lib/remote-ui/components/source-file-preview.js +13 -3
- package/dist/lib/remote-ui/components/source-file-preview.js.map +1 -1
- package/dist/lib/remote-ui/pages/catalogs.d.ts +1 -0
- package/dist/lib/remote-ui/pages/catalogs.d.ts.map +1 -1
- package/dist/lib/remote-ui/pages/catalogs.js +15 -2
- package/dist/lib/remote-ui/pages/catalogs.js.map +1 -1
- package/dist/lib/remote-ui/pages/procurement.d.ts.map +1 -1
- package/dist/lib/remote-ui/pages/procurement.js +88 -16
- package/dist/lib/remote-ui/pages/procurement.js.map +1 -1
- package/dist/lib/remote-ui/styles.css +10 -4
- package/package.json +1 -1
|
@@ -344,6 +344,12 @@ export function clearPurchaseContractReviewFieldError(errors, path) {
|
|
|
344
344
|
export function purchaseContractReviewHasFieldErrors(errors) {
|
|
345
345
|
return Boolean(errors.supplierName || errors.contractNo || errors.contractAmountCny || errors.paidAmountCny || errors.refundedAmountCny || Object.values(errors.lines).some(lineErrors => Object.values(lineErrors).some(Boolean)));
|
|
346
346
|
}
|
|
347
|
+
function purchaseContractReviewValidationMessages(draft, contractNoError) {
|
|
348
|
+
return uniqueValidationMessages([...validatePurchaseContractReview(draft), ...(contractNoError ? [contractNoError] : [])]);
|
|
349
|
+
}
|
|
350
|
+
function uniqueValidationMessages(messages) {
|
|
351
|
+
return [...new Set(messages.map(message => String(message ?? '').trim()).filter(Boolean))];
|
|
352
|
+
}
|
|
347
353
|
function emptyPurchaseContractReviewFieldErrors() {
|
|
348
354
|
return { lines: {} };
|
|
349
355
|
}
|
|
@@ -617,34 +623,92 @@ function MetricStrip({ metrics }) {
|
|
|
617
623
|
}
|
|
618
624
|
export function SupplierDialog({ state, busy, onClose, onSave }) {
|
|
619
625
|
const [value, setValue] = React.useState(state?.item ?? null);
|
|
620
|
-
|
|
626
|
+
const [fieldErrors, setFieldErrors] = React.useState({});
|
|
627
|
+
const [validationMessages, setValidationMessages] = React.useState([]);
|
|
628
|
+
React.useEffect(() => { setValue(state?.item ?? null); setFieldErrors({}); setValidationMessages([]); }, [state]);
|
|
621
629
|
if (!state || !value)
|
|
622
630
|
return null;
|
|
623
631
|
const disabled = state.mode === 'detail';
|
|
632
|
+
const submit = () => {
|
|
633
|
+
if (disabled)
|
|
634
|
+
return;
|
|
635
|
+
const messages = value.name.trim() ? [] : ['供应商名称为必填项'];
|
|
636
|
+
setFieldErrors({ name: messages[0] });
|
|
637
|
+
if (messages.length) {
|
|
638
|
+
setValidationMessages(messages);
|
|
639
|
+
return;
|
|
640
|
+
}
|
|
641
|
+
setValidationMessages([]);
|
|
642
|
+
void onSave(value);
|
|
643
|
+
};
|
|
624
644
|
const fields = [
|
|
625
645
|
['code', '供应商代码'], ['name', '供应商名称', true], ['shortName', '简称'], ['countryOrRegion', '国别/地区'], ['contactName', '联系人'], ['phone', '联系电话'], ['wechat', '微信'], ['email', '邮箱'], ['address', '地址'], ['taxNumber', '税号'], ['paymentAccount', '收款账号'], ['bankName', '开户行'], ['taxpayerRating', '纳税等级'], ['website', '公司网站'], ['businessProducts', '经营产品']
|
|
626
646
|
];
|
|
627
|
-
return _jsxs(Modal, { open: true, title: state.mode === 'detail' ? '供应商详情' : '供应商详情审核', size: "wide", onClose: onClose, footer: disabled ? _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }) : _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy
|
|
647
|
+
return _jsxs(_Fragment, { children: [_jsxs(Modal, { open: true, title: state.mode === 'detail' ? '供应商详情' : '供应商详情审核', size: "wide", onClose: onClose, footer: disabled ? _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }) : _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy, onClick: submit, children: [_jsx("i", { className: "ri-save-line", "aria-hidden": "true" }), "\u4FDD\u5B58"] })] }), children: [_jsxs("p", { className: "tcw-procurement-dialog-kicker", children: ["\u6765\u6E90\uFF1A\u91C7\u8D2D\u5408\u540C\u5F52\u5E76 ", _jsxs("span", { children: ["\u6700\u8FD1\u5236\u88C1\u68C0\u67E5\uFF1A", value.complianceCheckedAt ? formatBeijingDateTime(value.complianceCheckedAt) : '尚未检查'] })] }), _jsxs("div", { className: "tcw-procurement-supplier-review", children: [_jsx(FieldGrid, { columns: 1, children: fields.map(([key, label, required]) => _jsx(FormField, { label: label, required: required, error: key === 'name' ? fieldErrors.name : undefined, showErrorMessage: false, children: _jsx("input", { disabled: disabled, value: String(value[key] ?? ''), "aria-invalid": key === 'name' && fieldErrors.name ? true : undefined, onChange: (event) => { if (key === 'name')
|
|
648
|
+
setFieldErrors({}); setValue({ ...value, [key]: event.target.value }); } }) }, key)) }), _jsxs("aside", { children: [_jsx(FormField, { label: "\u5907\u6CE8", children: _jsx("textarea", { rows: 6, disabled: disabled, value: value.remarks ?? '', onChange: (event) => setValue({ ...value, remarks: event.target.value }) }) }), _jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "\u5236\u88C1\u98CE\u9669" }), _jsx("dd", { children: _jsx(StatusTag, { tone: value.sanctionStatus === 'HIT' ? 'danger' : 'success', children: sanctionLabels[value.sanctionStatus ?? 'UNCHECKED'] }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u521B\u5EFA\u4EBA" }), _jsx("dd", { children: value.createdByName || '—' })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u521B\u5EFA\u65F6\u95F4" }), _jsx("dd", { children: formatBeijingDateTime(value.createdAt) })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u6700\u540E\u7F16\u8F91\u4EBA" }), _jsx("dd", { children: value.updatedByName || '—' })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u6700\u540E\u7F16\u8F91\u65F6\u95F4" }), _jsx("dd", { children: formatBeijingDateTime(value.updatedAt) })] })] }), _jsx(InfoNotice, { children: "\u5236\u88C1\u98CE\u9669\u4E3A\u7CFB\u7EDF\u6700\u8FD1\u4E00\u6B21\u68C0\u67E5\u7ED3\u679C\uFF0C\u4FDD\u5B58\u540E\u5C06\u89E6\u53D1\u65B0\u7684\u5236\u88C1\u68C0\u67E5\u3002" })] })] })] }), _jsx(ValidationErrorDialog, { open: validationMessages.length > 0, messages: validationMessages, onClose: () => setValidationMessages([]) })] });
|
|
628
649
|
}
|
|
629
650
|
export function OrderDialog({ state, lines, busy, onClose, onSave }) {
|
|
630
651
|
const [value, setValue] = React.useState(state?.item ?? null);
|
|
631
|
-
|
|
652
|
+
const [fieldErrors, setFieldErrors] = React.useState({});
|
|
653
|
+
const [validationMessages, setValidationMessages] = React.useState([]);
|
|
654
|
+
React.useEffect(() => { setValue(state?.item ?? null); setFieldErrors({}); setValidationMessages([]); }, [state]);
|
|
632
655
|
if (!state || !value)
|
|
633
656
|
return null;
|
|
634
657
|
const disabled = state.mode === 'detail';
|
|
635
658
|
const estimated = value.estimatedRefundAmountCny ?? lines.filter((item) => item.purchaseOrderId === value.id).reduce((total, item) => total + estimatedLineRefund(item), 0).toFixed(2);
|
|
636
|
-
const
|
|
637
|
-
|
|
659
|
+
const validate = () => {
|
|
660
|
+
const nextErrors = {};
|
|
661
|
+
const messages = [];
|
|
662
|
+
if (!value.orderDate) {
|
|
663
|
+
nextErrors.orderDate = '下单日期为必填项';
|
|
664
|
+
messages.push(nextErrors.orderDate);
|
|
665
|
+
}
|
|
666
|
+
if (amount(value.paidAmountCny) > amount(value.contractAmountCny)) {
|
|
667
|
+
nextErrors.paidAmountCny = '已付款不能超过采购订单总额';
|
|
668
|
+
messages.push(nextErrors.paidAmountCny);
|
|
669
|
+
}
|
|
670
|
+
if (amount(value.refundedAmountCny) > amount(estimated)) {
|
|
671
|
+
nextErrors.refundedAmountCny = '已退税不能超过预计退税总额';
|
|
672
|
+
messages.push(nextErrors.refundedAmountCny);
|
|
673
|
+
}
|
|
674
|
+
return { fieldErrors: nextErrors, messages };
|
|
675
|
+
};
|
|
676
|
+
const submit = () => {
|
|
677
|
+
if (disabled)
|
|
678
|
+
return;
|
|
679
|
+
const result = validate();
|
|
680
|
+
setFieldErrors(result.fieldErrors);
|
|
681
|
+
if (result.messages.length) {
|
|
682
|
+
setValidationMessages(result.messages);
|
|
683
|
+
return;
|
|
684
|
+
}
|
|
685
|
+
setValidationMessages([]);
|
|
686
|
+
void onSave(value);
|
|
687
|
+
};
|
|
688
|
+
return _jsxs(_Fragment, { children: [_jsx(Modal, { open: true, title: disabled ? '采购订单详情' : '采购订单审核', size: "wide", onClose: onClose, footer: disabled ? _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }) : _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy, onClick: submit, children: [_jsx("i", { className: "ri-save-line", "aria-hidden": "true" }), "\u4FDD\u5B58"] })] }), children: _jsxs(FieldGrid, { columns: 2, children: [_jsx(FormField, { label: "\u91C7\u8D2D\u5408\u540C\u7F16\u53F7", required: true, children: _jsx("input", { disabled: true, value: value.contractNo }) }), _jsx(TextField, { label: "\u4E0B\u5355\u65E5\u671F", required: true, type: "date", disabled: disabled, value: value.orderDate, error: fieldErrors.orderDate, onChange: (next) => { setFieldErrors(current => ({ ...current, orderDate: undefined })); setValue({ ...value, orderDate: next }); } }), _jsx(MoneyField, { label: "\u91C7\u8D2D\u8BA2\u5355\u603B\u989D", disabled: disabled, value: value.contractAmountCny, onChange: (next) => setValue({ ...value, contractAmountCny: next }) }), _jsx(MoneyField, { label: "\u5DF2\u4ED8\u6B3E", disabled: disabled, value: value.paidAmountCny, error: fieldErrors.paidAmountCny, onChange: (next) => { setFieldErrors(current => ({ ...current, paidAmountCny: undefined })); setValue({ ...value, paidAmountCny: next }); } }), _jsx(MoneyField, { label: "\u672A\u4ED8\u6B3E", disabled: true, value: String(Math.max(amount(value.contractAmountCny) - amount(value.paidAmountCny), 0)) }), _jsx(MoneyField, { label: "\u5DF2\u9000\u7A0E", disabled: disabled, value: value.refundedAmountCny, error: fieldErrors.refundedAmountCny, onChange: (next) => { setFieldErrors(current => ({ ...current, refundedAmountCny: undefined })); setValue({ ...value, refundedAmountCny: next }); } }), _jsx(MoneyField, { label: "\u9884\u8BA1\u9000\u7A0E\u603B\u989D", disabled: true, value: estimated }), _jsx(MoneyField, { label: "\u672A\u9000\u7A0E", disabled: true, value: String(Math.max(amount(estimated) - amount(value.refundedAmountCny), 0)) }), _jsx(FormField, { label: "\u5339\u914D\u5BA2\u6237\u5408\u540C", children: _jsx("input", { disabled: true, value: value.customerContractNo || '未关联' }) }), _jsx(FormField, { label: "\u6765\u6E90\u6587\u4EF6", children: _jsx("input", { disabled: true, value: value.sourceFileName || '—' }) })] }) }), _jsx(ValidationErrorDialog, { open: validationMessages.length > 0, messages: validationMessages, onClose: () => setValidationMessages([]) })] });
|
|
638
689
|
}
|
|
639
690
|
export function LineDialog({ state, order, busy, onAction, onClose, onSave }) {
|
|
640
691
|
const [value, setValue] = React.useState(state?.item ?? null);
|
|
641
692
|
const [hsOpen, setHsOpen] = React.useState(false);
|
|
642
|
-
|
|
693
|
+
const [fieldErrors, setFieldErrors] = React.useState({});
|
|
694
|
+
const [validationMessages, setValidationMessages] = React.useState([]);
|
|
695
|
+
React.useEffect(() => { setValue(state?.item ?? null); setHsOpen(false); setFieldErrors({}); setValidationMessages([]); }, [state]);
|
|
643
696
|
if (!state || !value)
|
|
644
697
|
return null;
|
|
645
698
|
const computedAmount = amount(value.quantity) * amount(value.unitPriceTaxIncluded);
|
|
646
|
-
const
|
|
647
|
-
|
|
699
|
+
const validationDraft = { supplier: { name: 'line-review' }, order: order ?? { supplierId: '', contractNo: 'line-review', orderDate: '', contractAmountCny: value.lineAmountTaxIncluded }, lines: [value] };
|
|
700
|
+
const validationMessagesForValue = uniqueValidationMessages(validatePurchaseContractReview(validationDraft).filter((item) => item.startsWith('第1条商品') || item.includes('下单日期')));
|
|
701
|
+
const validationFieldErrors = buildPurchaseContractReviewFieldErrors(validationDraft);
|
|
702
|
+
const submit = () => {
|
|
703
|
+
const nextFieldErrors = validationFieldErrors.lines[0] ?? {};
|
|
704
|
+
setFieldErrors(nextFieldErrors);
|
|
705
|
+
if (validationMessagesForValue.length) {
|
|
706
|
+
setValidationMessages(validationMessagesForValue);
|
|
707
|
+
return;
|
|
708
|
+
}
|
|
709
|
+
setValidationMessages([]);
|
|
710
|
+
void onSave(value);
|
|
711
|
+
};
|
|
648
712
|
const hsAction = (actionKey, input) => {
|
|
649
713
|
if (actionKey !== 'search_hs_code' && actionKey !== 'get_hs_code_detail' && actionKey !== 'translate_purchase_product_name')
|
|
650
714
|
return Promise.resolve({ success: false, message: '采购商品仅支持海关编码查询' });
|
|
@@ -660,7 +724,7 @@ export function LineDialog({ state, order, busy, onAction, onClose, onSave }) {
|
|
|
660
724
|
setValue(next);
|
|
661
725
|
setHsOpen(false);
|
|
662
726
|
};
|
|
663
|
-
return _jsxs(_Fragment, { children: [_jsx(Modal, { open: true, title: state.mode === 'create' ? '新增商品' : '采购商品审核', size: "wide", onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy
|
|
727
|
+
return _jsxs(_Fragment, { children: [_jsx(Modal, { open: true, title: state.mode === 'create' ? '新增商品' : '采购商品审核', size: "wide", onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy, onClick: submit, children: [_jsx("i", { className: "ri-save-line", "aria-hidden": "true" }), "\u4FDD\u5B58"] })] }), children: _jsxs("div", { className: "tcw-procurement-line-form", children: [_jsxs("div", { className: "tcw-procurement-source-label", children: ["\u6765\u6E90\u7C7B\u578B\uFF1A", sourceTypeLabels[value.sourceType]] }), _jsxs(FieldGrid, { columns: 2, children: [_jsx(TextField, { label: "\u5546\u54C1\u540D\u79F0", required: true, value: value.productName, error: fieldErrors.productName, onChange: (next) => { setFieldErrors(current => ({ ...current, productName: undefined })); setValue({ ...value, productName: next }); } }), _jsx(TextField, { label: "\u5546\u54C1\u63CF\u8FF0", value: value.productDescription, onChange: (next) => setValue({ ...value, productDescription: next }) }), _jsx(TextField, { label: "\u89C4\u683C\u578B\u53F7", value: value.modelSpecification, onChange: (next) => setValue({ ...value, modelSpecification: next }) }), _jsx(TextField, { label: "\u5355\u4F4D", required: true, value: value.unit, onChange: (next) => setValue({ ...value, unit: next }) }), _jsx(TextField, { label: "\u6570\u91CF", required: true, type: "number", value: value.quantity, error: fieldErrors.quantity, onChange: (next) => { setFieldErrors(current => ({ ...current, quantity: undefined })); setValue({ ...value, quantity: next, lineAmountTaxIncluded: String(amount(next) * amount(value.unitPriceTaxIncluded)) }); } }), _jsx(TextField, { label: "\u542B\u7A0E\u5355\u4EF7\uFF08\u4EBA\u6C11\u5E01\uFF09", required: true, type: "number", value: value.unitPriceTaxIncluded, error: fieldErrors.unitPriceTaxIncluded, onChange: (next) => { setFieldErrors(current => ({ ...current, unitPriceTaxIncluded: undefined })); setValue({ ...value, unitPriceTaxIncluded: next, lineAmountTaxIncluded: String(amount(value.quantity) * amount(next)) }); } }), _jsx(TextField, { label: "\u542B\u7A0E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09", required: true, type: "number", value: value.lineAmountTaxIncluded || String(computedAmount), error: fieldErrors.lineAmountTaxIncluded, onChange: (next) => { setFieldErrors(current => ({ ...current, lineAmountTaxIncluded: undefined })); setValue({ ...value, lineAmountTaxIncluded: next }); } }), _jsx(TextField, { label: "\u589E\u503C\u7A0E\u7387", type: "number", min: 0, max: 1, step: "0.0001", value: value.vatRate, error: fieldErrors.vatRate, onChange: (next) => { setFieldErrors(current => ({ ...current, vatRate: undefined })); setValue({ ...value, vatRate: next }); } }), _jsx(FormField, { label: "\u6D77\u5173\u7F16\u7801", children: _jsxs("div", { className: "tcw-procurement-inline-field", children: [_jsx("input", { value: value.hsCode ?? '', onChange: (event) => setValue(applyManualHsCode(value, event.target.value)) }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => setHsOpen(true), children: [_jsx("i", { className: "ri-search-line", "aria-hidden": "true" }), "HS\u7F16\u7801\u67E5\u8BE2"] })] }) }), _jsx(TextField, { label: "\u9000\u7A0E\u7387", required: true, type: "number", min: 0, max: 1, step: "0.0001", value: value.refundRate, error: fieldErrors.refundRate, onChange: (next) => { setFieldErrors(current => ({ ...current, refundRate: undefined })); setValue({ ...value, refundRate: next }); } }), _jsx(TextField, { label: "\u82F1\u6587\u540D\u79F0", value: value.englishName, onChange: (next) => setValue({ ...value, englishName: next }) })] })] }) }), _jsx(ValidationErrorDialog, { open: validationMessages.length > 0, messages: validationMessages, onClose: () => setValidationMessages([]) }), _jsx(HsCodeLookupDialog, { open: hsOpen, initialQuery: value.hsCode || value.englishName || value.productName, onAction: hsAction, onClose: () => setHsOpen(false), onBind: bindHsCode })] });
|
|
664
728
|
}
|
|
665
729
|
function applyManualHsCode(line, hsCode) {
|
|
666
730
|
const nextHsCode = normalizeHsCodeValue(hsCode);
|
|
@@ -680,9 +744,11 @@ async function translatePurchaseProductName(onAction, productName) {
|
|
|
680
744
|
export function PurchaseContractReviewDialog({ open, task, draft, busy, onAction, onChange, onClose, onSave, onOpenSource }) {
|
|
681
745
|
const [showValidationErrors, setShowValidationErrors] = React.useState(false);
|
|
682
746
|
const [fieldErrors, setFieldErrors] = React.useState(() => duplicateContractNoFieldError(task?.duplicateContractError));
|
|
747
|
+
const [validationMessages, setValidationMessages] = React.useState([]);
|
|
683
748
|
React.useEffect(() => {
|
|
684
749
|
setShowValidationErrors(false);
|
|
685
750
|
setFieldErrors(duplicateContractNoFieldError(task?.duplicateContractError));
|
|
751
|
+
setValidationMessages([]);
|
|
686
752
|
}, [open, task?.id, task?.duplicateContractError]);
|
|
687
753
|
const changeDraft = (nextDraft, path) => {
|
|
688
754
|
if (path)
|
|
@@ -694,14 +760,18 @@ export function PurchaseContractReviewDialog({ open, task, draft, busy, onAction
|
|
|
694
760
|
if (!draft)
|
|
695
761
|
return;
|
|
696
762
|
const nextErrors = buildPurchaseContractReviewFieldErrors(draft, fieldErrors.contractNo === task?.duplicateContractError ? task?.duplicateContractError : null);
|
|
763
|
+
const messages = purchaseContractReviewValidationMessages(draft, fieldErrors.contractNo === task?.duplicateContractError ? task?.duplicateContractError : null);
|
|
697
764
|
setShowValidationErrors(true);
|
|
698
765
|
setFieldErrors(nextErrors);
|
|
699
|
-
if (purchaseContractReviewHasFieldErrors(nextErrors))
|
|
766
|
+
if (purchaseContractReviewHasFieldErrors(nextErrors)) {
|
|
767
|
+
setValidationMessages(messages);
|
|
700
768
|
return;
|
|
769
|
+
}
|
|
770
|
+
setValidationMessages([]);
|
|
701
771
|
void onSave(draft);
|
|
702
772
|
};
|
|
703
773
|
const visibleErrors = showValidationErrors || fieldErrors.contractNo ? fieldErrors : emptyPurchaseContractReviewFieldErrors();
|
|
704
|
-
return _jsx(Modal, { open: open, title: "\u91C7\u8D2D\u5408\u540C\u5BA1\u6838", size: "wide", onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy || !draft, onClick: submit, children: [_jsx("i", { className: "ri-check-double-line", "aria-hidden": "true" }), "\u5BA1\u6838\u5E76\u5165\u5E93"] })] }), children: !draft ? _jsx(RiskNotice, { children: task?.errorMessage || '采购合同解析结果不可用' }) : _jsxs("div", { className: "tcw-procurement-review-compact", children: [_jsxs("section", { className: "tcw-procurement-review-editor-pane", children: [_jsx("h3", { children: "\u8BC6\u522B\u5185\u5BB9" }), _jsxs("div", { className: "tcw-procurement-review-editor", children: [_jsx(ReviewSection, { title: "\u4F9B\u5E94\u5546\u4FE1\u606F", children: _jsx(SupplierDraftEditor, { supplier: draft.supplier, errors: visibleErrors, onChange: (supplier, path) => changeDraft({ ...draft, supplier }, path) }) }), _jsx(ReviewSection, { title: "\u8BA2\u5355\u4FE1\u606F", children: _jsxs(FieldGrid, { columns: 3, children: [_jsx(TextField, { label: "\u91C7\u8D2D\u5408\u540C\u7F16\u53F7", required: true, value: draft.order.contractNo, error: visibleErrors.contractNo, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, contractNo: value } }, { kind: 'root', field: 'contractNo' }) }), _jsx(TextField, { label: "\u4E0B\u5355\u65E5\u671F", type: "date", value: draft.order.orderDate, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, orderDate: value } }) }), _jsx(TextField, { label: "\u91C7\u8D2D\u603B\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09", type: "number", value: draft.order.contractAmountCny, error: visibleErrors.contractAmountCny, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, contractAmountCny: value } }, { kind: 'root', field: 'contractAmountCny' }) }), _jsx(TextField, { label: "\u5DF2\u4ED8\u6B3E", type: "number", value: draft.order.paidAmountCny, error: visibleErrors.paidAmountCny, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, paidAmountCny: value } }, { kind: 'root', field: 'paidAmountCny' }) }), _jsx(TextField, { label: "\u5DF2\u9000\u7A0E", type: "number", value: draft.order.refundedAmountCny, error: visibleErrors.refundedAmountCny, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, refundedAmountCny: value } }, { kind: 'root', field: 'refundedAmountCny' }) })] }) }), _jsx(ReviewSection, { title: `全部商品(${draft.lines.length})`, children: _jsx("div", { className: "tcw-procurement-review-lines", children: draft.lines.map((line, index) => _jsx(ContractLineEditor, { index: index, line: line, errors: visibleErrors.lines[index] ?? {}, onAction: hsLookupAction, onChange: (next, path) => changeDraft({ ...draft, lines: draft.lines.map((item, lineIndex) => lineIndex === index ? next : item) }, path) }, line.id ?? index)) }) })] })] }), _jsxs("section", { className: "tcw-procurement-review-source-pane", children: [_jsx("h3", { children: "\u6E90\u6587\u4EF6\u5185\u5BB9" }), _jsx(SourcePreview, { draft: draft, task: task, onOpenSource: onOpenSource })] })] }) });
|
|
774
|
+
return _jsxs(_Fragment, { children: [_jsx(Modal, { open: open, title: "\u91C7\u8D2D\u5408\u540C\u5BA1\u6838", size: "wide", onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy || !draft, onClick: submit, children: [_jsx("i", { className: "ri-check-double-line", "aria-hidden": "true" }), "\u5BA1\u6838\u5E76\u5165\u5E93"] })] }), children: !draft ? _jsx(RiskNotice, { children: task?.errorMessage || '采购合同解析结果不可用' }) : _jsxs("div", { className: "tcw-procurement-review-compact", children: [_jsxs("section", { className: "tcw-procurement-review-editor-pane", children: [_jsx("h3", { children: "\u8BC6\u522B\u5185\u5BB9" }), _jsxs("div", { className: "tcw-procurement-review-editor", children: [_jsx(ReviewSection, { title: "\u4F9B\u5E94\u5546\u4FE1\u606F", children: _jsx(SupplierDraftEditor, { supplier: draft.supplier, errors: visibleErrors, onChange: (supplier, path) => changeDraft({ ...draft, supplier }, path) }) }), _jsx(ReviewSection, { title: "\u8BA2\u5355\u4FE1\u606F", children: _jsxs(FieldGrid, { columns: 3, children: [_jsx(TextField, { label: "\u91C7\u8D2D\u5408\u540C\u7F16\u53F7", required: true, value: draft.order.contractNo, error: visibleErrors.contractNo, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, contractNo: value } }, { kind: 'root', field: 'contractNo' }) }), _jsx(TextField, { label: "\u4E0B\u5355\u65E5\u671F", type: "date", value: draft.order.orderDate, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, orderDate: value } }) }), _jsx(TextField, { label: "\u91C7\u8D2D\u603B\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09", type: "number", value: draft.order.contractAmountCny, error: visibleErrors.contractAmountCny, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, contractAmountCny: value } }, { kind: 'root', field: 'contractAmountCny' }) }), _jsx(TextField, { label: "\u5DF2\u4ED8\u6B3E", type: "number", value: draft.order.paidAmountCny, error: visibleErrors.paidAmountCny, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, paidAmountCny: value } }, { kind: 'root', field: 'paidAmountCny' }) }), _jsx(TextField, { label: "\u5DF2\u9000\u7A0E", type: "number", value: draft.order.refundedAmountCny, error: visibleErrors.refundedAmountCny, onChange: (value) => changeDraft({ ...draft, order: { ...draft.order, refundedAmountCny: value } }, { kind: 'root', field: 'refundedAmountCny' }) })] }) }), _jsx(ReviewSection, { title: `全部商品(${draft.lines.length})`, children: _jsx("div", { className: "tcw-procurement-review-lines", children: draft.lines.map((line, index) => _jsx(ContractLineEditor, { index: index, line: line, errors: visibleErrors.lines[index] ?? {}, onAction: hsLookupAction, onChange: (next, path) => changeDraft({ ...draft, lines: draft.lines.map((item, lineIndex) => lineIndex === index ? next : item) }, path) }, line.id ?? index)) }) })] })] }), _jsxs("section", { className: "tcw-procurement-review-source-pane", children: [_jsx("h3", { children: "\u6E90\u6587\u4EF6\u5185\u5BB9" }), _jsx(SourcePreview, { draft: draft, task: task, onOpenSource: onOpenSource })] })] }) }), _jsx(ValidationErrorDialog, { open: validationMessages.length > 0, title: "\u91C7\u8D2D\u5408\u540C\u6821\u9A8C\u5931\u8D25", messages: validationMessages, onClose: () => setValidationMessages([]) })] });
|
|
705
775
|
}
|
|
706
776
|
function ContractLineEditor({ line, index, errors, onAction, onChange }) {
|
|
707
777
|
const [hsOpen, setHsOpen] = React.useState(false);
|
|
@@ -721,7 +791,7 @@ function ContractLineEditor({ line, index, errors, onAction, onChange }) {
|
|
|
721
791
|
onChange(next);
|
|
722
792
|
setHsOpen(false);
|
|
723
793
|
};
|
|
724
|
-
return _jsxs("section", { className: "tcw-procurement-review-line", children: [_jsxs("h4", { children: ["\u5546\u54C1 ", index + 1, " ", _jsx(StatusTag, { tone: "muted", children: sourceTypeLabels[line.sourceType] })] }), _jsxs(FieldGrid, { columns: 3, children: [_jsx(TextField, { label: "\u5546\u54C1\u540D\u79F0", required: true, value: line.productName, error: errors.productName, onChange: (value) => onChange({ ...line, productName: value }, linePath('productName')) }), _jsx(TextField, { label: "\u5546\u54C1\u63CF\u8FF0", value: line.productDescription, onChange: (value) => onChange({ ...line, productDescription: value }) }), _jsx(TextField, { label: "\u89C4\u683C\u578B\u53F7", value: line.modelSpecification, onChange: (value) => onChange({ ...line, modelSpecification: value }) }), _jsx(TextField, { label: "\u5355\u4F4D", value: line.unit, onChange: (value) => onChange({ ...line, unit: value }) }), _jsx(TextField, { label: "\u6570\u91CF", type: "number", value: line.quantity, error: errors.quantity, onChange: (value) => onChange({ ...line, quantity: value }, linePath('quantity')) }), _jsx(TextField, { label: "\u542B\u7A0E\u91D1\u989D", type: "number", value: line.lineAmountTaxIncluded, error: errors.lineAmountTaxIncluded, onChange: (value) => onChange({ ...line, lineAmountTaxIncluded: value }, linePath('lineAmountTaxIncluded')) }), _jsx(FormField, { label: "\u6D77\u5173\u7F16\u7801", children: _jsxs("div", { className: "tcw-procurement-inline-field", children: [_jsx("input", { value: line.hsCode ?? '', onChange: (event) => onChange(applyManualHsCode(line, event.target.value)) }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => setHsOpen(true), children: [_jsx("i", { className: "ri-search-line", "aria-hidden": "true" }), "HS\u7F16\u7801\u67E5\u8BE2"] })] }) }), line.amountMismatch && _jsx(FormField, { label: "\u91D1\u989D\u5DEE\u5F02\u786E\u8BA4", required: true, children: _jsxs("label", { className: "tcw-procurement-checkbox", children: [_jsx("input", { type: "checkbox", checked: Boolean(line.amountMismatchConfirmed), onChange: (event) => onChange({ ...line, amountMismatchConfirmed: event.target.checked }, linePath('lineAmountTaxIncluded')) }), "\u786E\u8BA4\u4FDD\u7559\u5408\u540C\u539F\u59CB\u91D1\u989D"] }) })] }), _jsxs("details", { className: "tcw-procurement-review-more", children: [_jsx("summary", { children: "\u66F4\u591A\u5546\u54C1\u4FE1\u606F" }), _jsxs(FieldGrid, { columns: 3, children: [_jsx(TextField, { label: "\u82F1\u6587\u540D\u79F0", value: line.englishName, onChange: (value) => onChange({ ...line, englishName: value }) }), _jsx(TextField, { label: "\u542B\u7A0E\u5355\u4EF7", type: "number", value: line.unitPriceTaxIncluded, error: errors.unitPriceTaxIncluded, onChange: (value) => onChange({ ...line, unitPriceTaxIncluded: value }, linePath('unitPriceTaxIncluded')) }), _jsx(TextField, { label: "\u589E\u503C\u7A0E\u7387", type: "number", value: line.vatRate, error: errors.vatRate, onChange: (value) => onChange({ ...line, vatRate: value }, linePath('vatRate')) }), _jsx(TextField, { label: "\u9000\u7A0E\u7387", type: "number", value: line.refundRate, error: errors.refundRate, onChange: (value) => onChange({ ...line, refundRate: value }, linePath('refundRate')) })] })] }), _jsx(HsCodeLookupDialog, { open: hsOpen, initialQuery: line.hsCode || line.englishName || line.productName, onAction: hsAction, onClose: () => setHsOpen(false), onBind: bindHsCode })] });
|
|
794
|
+
return _jsxs("section", { className: "tcw-procurement-review-line", children: [_jsxs("h4", { children: ["\u5546\u54C1 ", index + 1, " ", _jsx(StatusTag, { tone: "muted", children: sourceTypeLabels[line.sourceType] })] }), _jsxs(FieldGrid, { columns: 3, children: [_jsx(TextField, { label: "\u5546\u54C1\u540D\u79F0", required: true, value: line.productName, error: errors.productName, onChange: (value) => onChange({ ...line, productName: value }, linePath('productName')) }), _jsx(TextField, { label: "\u5546\u54C1\u63CF\u8FF0", value: line.productDescription, onChange: (value) => onChange({ ...line, productDescription: value }) }), _jsx(TextField, { label: "\u89C4\u683C\u578B\u53F7", value: line.modelSpecification, onChange: (value) => onChange({ ...line, modelSpecification: value }) }), _jsx(TextField, { label: "\u5355\u4F4D", value: line.unit, onChange: (value) => onChange({ ...line, unit: value }) }), _jsx(TextField, { label: "\u6570\u91CF", type: "number", value: line.quantity, error: errors.quantity, onChange: (value) => onChange({ ...line, quantity: value }, linePath('quantity')) }), _jsx(TextField, { label: "\u542B\u7A0E\u91D1\u989D", type: "number", value: line.lineAmountTaxIncluded, error: errors.lineAmountTaxIncluded, onChange: (value) => onChange({ ...line, lineAmountTaxIncluded: value }, linePath('lineAmountTaxIncluded')) }), _jsx(FormField, { label: "\u6D77\u5173\u7F16\u7801", children: _jsxs("div", { className: "tcw-procurement-inline-field", children: [_jsx("input", { value: line.hsCode ?? '', onChange: (event) => onChange(applyManualHsCode(line, event.target.value)) }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => setHsOpen(true), children: [_jsx("i", { className: "ri-search-line", "aria-hidden": "true" }), "HS\u7F16\u7801\u67E5\u8BE2"] })] }) }), line.amountMismatch && _jsx(FormField, { label: "\u91D1\u989D\u5DEE\u5F02\u786E\u8BA4", required: true, children: _jsxs("label", { className: "tcw-procurement-checkbox", children: [_jsx("input", { type: "checkbox", checked: Boolean(line.amountMismatchConfirmed), onChange: (event) => onChange({ ...line, amountMismatchConfirmed: event.target.checked }, linePath('lineAmountTaxIncluded')) }), "\u786E\u8BA4\u4FDD\u7559\u5408\u540C\u539F\u59CB\u91D1\u989D"] }) })] }), _jsxs("details", { className: "tcw-procurement-review-more", children: [_jsx("summary", { children: "\u66F4\u591A\u5546\u54C1\u4FE1\u606F" }), _jsxs(FieldGrid, { columns: 3, children: [_jsx(TextField, { label: "\u82F1\u6587\u540D\u79F0", value: line.englishName, onChange: (value) => onChange({ ...line, englishName: value }) }), _jsx(TextField, { label: "\u542B\u7A0E\u5355\u4EF7", type: "number", value: line.unitPriceTaxIncluded, error: errors.unitPriceTaxIncluded, onChange: (value) => onChange({ ...line, unitPriceTaxIncluded: value }, linePath('unitPriceTaxIncluded')) }), _jsx(TextField, { label: "\u589E\u503C\u7A0E\u7387", type: "number", min: 0, max: 1, step: "0.0001", value: line.vatRate, error: errors.vatRate, onChange: (value) => onChange({ ...line, vatRate: value }, linePath('vatRate')) }), _jsx(TextField, { label: "\u9000\u7A0E\u7387", type: "number", min: 0, max: 1, step: "0.0001", value: line.refundRate, error: errors.refundRate, onChange: (value) => onChange({ ...line, refundRate: value }, linePath('refundRate')) })] })] }), _jsx(HsCodeLookupDialog, { open: hsOpen, initialQuery: line.hsCode || line.englishName || line.productName, onAction: hsAction, onClose: () => setHsOpen(false), onBind: bindHsCode })] });
|
|
725
795
|
}
|
|
726
796
|
function SupplierDraftEditor({ supplier, errors, onChange }) {
|
|
727
797
|
const coreFields = [
|
|
@@ -754,14 +824,16 @@ export function DeleteDialog({ target, supplier, busy, onCancel, onConfirm }) {
|
|
|
754
824
|
return _jsx(ConfirmDialog, { open: Boolean(target), title: isOrder ? '确认删除采购订单?' : `确认删除${target?.entityType === 'supplier' ? '供应商' : '采购商品'}?`, danger: true, confirmText: "\u786E\u8BA4\u5220\u9664", confirmDisabled: busy, onCancel: onCancel, onConfirm: onConfirm, message: isOrder ? _jsxs("div", { className: "tcw-procurement-delete-summary is-order", children: [_jsxs("strong", { className: "tcw-procurement-delete-warning", children: [_jsx("i", { className: "ri-error-warning-fill", "aria-hidden": "true" }), "\u5220\u9664\u540E\u5C06\u540C\u65F6\u903B\u8F91\u5220\u9664\u8BE5\u91C7\u8D2D\u8BA2\u5355\u53CA\u5176\u5168\u90E8\u5546\u54C1\u660E\u7EC6\uFF0C\u5F53\u524D\u524D\u7AEF\u4E0D\u63D0\u4F9B\u6062\u590D\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C\u3002"] }), _jsxs("dl", { className: "tcw-procurement-delete-details", children: [_jsxs("div", { children: [_jsx("dt", { children: "\u91C7\u8D2D\u5408\u540C\u7F16\u53F7" }), _jsx("dd", { children: name || '—' })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u4F9B\u5E94\u5546" }), _jsx("dd", { children: supplier?.name || '—' })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u5546\u54C1\u6761\u6570" }), _jsx("dd", { children: order?.lineCount ?? 0 })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u91C7\u8D2D\u91D1\u989D" }), _jsx("dd", { children: currencyCompact(order?.contractAmountCny) })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u5DF2\u4ED8\u6B3E" }), _jsx("dd", { children: currencyCompact(order?.paidAmountCny) })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u5DF2\u9000\u7A0E" }), _jsx("dd", { children: currencyCompact(order?.refundedAmountCny) })] })] }), _jsxs("p", { className: "tcw-procurement-delete-info", children: [_jsx("i", { className: "ri-information-line", "aria-hidden": "true" }), "\u5220\u9664\u65E7\u8BA2\u5355\u540E\uFF0C\u5982\u540E\u7EED\u91CD\u65B0\u5BFC\u5165\u540C\u7F16\u53F7\u5408\u540C\uFF0C\u5C06\u4F5C\u4E3A\u5168\u65B0\u8BB0\u5F55\u5165\u5E93\uFF0C\u4E0D\u8FC1\u79FB\u65E7\u8BA2\u5355\u4EBA\u5DE5\u91D1\u989D\u6570\u636E\u3002"] })] }) : _jsx("div", { className: "tcw-procurement-delete-summary", children: _jsx("strong", { children: name || '当前记录' }) }) });
|
|
755
825
|
}
|
|
756
826
|
function ReviewSection({ title, children }) { return _jsxs("section", { className: "tcw-procurement-review-section", children: [_jsx("h3", { children: title }), children] }); }
|
|
827
|
+
function ValidationErrorDialog({ open, title = '校验失败', messages, onClose }) {
|
|
828
|
+
return _jsx(Modal, { open: open, title: title, onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u77E5\u9053\u4E86"] }), children: _jsxs("div", { className: "tcw-procurement-validation-dialog", children: [_jsx(RiskNotice, { children: messages.length > 1 ? `请先处理以下 ${messages.length} 个问题` : '请先处理以下问题' }), _jsx("ul", { children: messages.map((message) => _jsx("li", { children: message }, message)) })] }) });
|
|
829
|
+
}
|
|
757
830
|
function ContextValue({ label, value }) { return _jsxs("div", { children: [_jsx("span", { children: label }), _jsx("strong", { children: String(value || '—') })] }); }
|
|
758
831
|
function LinkButton({ children, icon, title, onClick }) { return _jsxs("button", { type: "button", className: "tcw-procurement-link", title: title, onClick: onClick, children: [_jsx("i", { className: icon, "aria-hidden": "true" }), children] }); }
|
|
759
832
|
function StatusTag({ children, tone }) { return _jsx("span", { className: `tcw-procurement-status tcw-procurement-status--${tone}`, children: children }); }
|
|
760
|
-
function TextField({ label, value, required, type = 'text', error, onChange }) {
|
|
761
|
-
|
|
762
|
-
return _jsx(FormField, { label: label, required: required, error: error, errorId: errorId, children: _jsx("input", { type: type, value: String(value ?? ''), "aria-invalid": error ? true : undefined, "aria-describedby": error ? errorId : undefined, onChange: (event) => onChange(event.target.value) }) });
|
|
833
|
+
function TextField({ label, value, required, type = 'text', disabled, min, max, step, error, onChange }) {
|
|
834
|
+
return _jsx(FormField, { label: label, required: required, error: error, showErrorMessage: false, children: _jsx("input", { type: type, disabled: disabled, min: min, max: max, step: step, value: String(value ?? ''), "aria-invalid": error ? true : undefined, onChange: (event) => onChange(event.target.value) }) });
|
|
763
835
|
}
|
|
764
|
-
function MoneyField({ label, value, disabled, onChange }) { return _jsx(FormField, { label: label, children: _jsx("input", { type: "number", disabled: disabled, value: String(value ?? ''), onChange: (event) => onChange?.(event.target.value) }) }); }
|
|
836
|
+
function MoneyField({ label, value, disabled, error, onChange }) { return _jsx(FormField, { label: label, error: error, showErrorMessage: false, children: _jsx("input", { type: "number", disabled: disabled, value: String(value ?? ''), "aria-invalid": error ? true : undefined, onChange: (event) => onChange?.(event.target.value) }) }); }
|
|
765
837
|
function routeCollection(route) { return route.level === 'suppliers' ? 'suppliers' : route.level === 'orders' ? 'purchaseOrders' : 'purchaseLines'; }
|
|
766
838
|
function procurementBulkLabel(entityType, row) {
|
|
767
839
|
if (entityType === 'supplier')
|