q792602257/DataMate
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update component styles and improve layout with new utility classes

Browse Source
This commit is contained in:
chenghh-9609
2025-10-22 15:51:50 +08:00
parent f17e82a3cc
commit 69b9517181
20 changed files with 66 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/pages/DataCleansing/Create/CreateTask.tsx
View File

@@ -101,9 +101,9 @@ export default function CleansingTaskCreate() {
</div>
</div>
{/* Step Content */}
<div className="h-full mb-4 flex flex-col overflow-auto flex-1 bg-white rounded shadow-sm">
<div className="flex-overflow-auto bg-white border-card">
<div className="flex-1 overflow-auto m-6">{renderStepContent()}</div>
<div className="flex justify-end p-6 gap-3 border-t border-gray-200">
<div className="flex justify-end p-6 gap-3 border-top">
<Button onClick={() => navigate("/data/cleansing")}>取消</Button>
{currentStep > 1 && <Button onClick={handlePrev}>上一步</Button>}
{currentStep === 2 ? (

4
frontend/src/pages/DataCleansing/Create/CreateTempate.tsx
View File

@@ -90,9 +90,9 @@ export default function CleansingTemplateCreate() {
</div>
</div>
<div className="h-full mb-4 flex flex-col overflow-auto flex-1 bg-white rounded shadow-sm">
<div className="flex-overflow-auto border-card">
<div className="flex-1 overflow-auto m-6">{renderStepContent()}</div>
<div className="flex justify-end p-6 gap-3 border-t border-gray-200">
<div className="flex justify-end p-6 gap-3 border-top">
<Button onClick={() => navigate("/data/cleansing")}>取消</Button>
{currentStep > 1 && <Button onClick={handlePrev}>上一步</Button>}
{currentStep === 2 ? (

2
frontend/src/pages/DataCleansing/Create/components/OperatorOrchestration.tsx
View File

@@ -105,7 +105,7 @@ const OperatorFlow: React.FC<OperatorFlowProps> = ({
</div>
{/* 编排区域 */}
<div
className="flex-1 overflow-auto p-4 flex flex-col gap-2"
className="flex-overflow-auto p-4 gap-2"
onDragOver={(e) => e.preventDefault()}
onDragLeave={handleContainerDragLeave}
onDrop={handleDropToContainer}

2
frontend/src/pages/DataCleansing/Home/components/ProcessFlowDiagram.tsx
View File

@@ -56,7 +56,7 @@ export default function ProcessFlowDiagram() {
];
return (
<div className="rounded-xl border border-gray-200 p-6 bg-white">
<div className="border-card p-6">
<div className="w-full flex items-center justify-center">
<div className="w-full flex items-center space-x-12">
{flowSteps.map((step, index) => {

6
frontend/src/pages/DataCleansing/cleansing.model.ts
View File

@@ -16,7 +16,11 @@ export interface CleansingTask {
color: string;
};
startedAt: string;
progress: number;
progress: {
finishedFileNum: number;
process: 100,
totalFileNum: number;
};
operators: OperatorI[];
createdAt: string;
updatedAt: string;