Преглед изворни кода

作业管理查看详情页作业流程模块加网格背景,删除ReactFlow画布上ReactFlow字样;返回按钮跳转功能调整。

wyn пре 3 месеци
родитељ
комит
0987831818
1 измењених фајлова са 16 додато и 22 уклоњено
  1. 16 22
      src/components/WorkJobDetail.tsx

+ 16 - 22
src/components/WorkJobDetail.tsx

@@ -2560,7 +2560,14 @@ export default function WorkJobDetail() {
             
             {/* 返回按钮 */}
             <button
-              onClick={() => navigate(-1)}
+              onClick={() => {
+                // 设置菜单信息到 sessionStorage,以便 Dashboard 恢复菜单状态
+                sessionStorage.setItem('navigateToMenu', JSON.stringify({
+                  menu: 'isolationWork',
+                  subMenu: 'workManagement'
+                }));
+                navigate('/dashboard');
+              }}
               className="flex items-center justify-center w-10 h-10 rounded-lg border border-gray-300 hover:bg-gray-50 hover:border-gray-400 transition-colors flex-shrink-0"
               title="返回作业管理"
             >
@@ -2596,6 +2603,9 @@ export default function WorkJobDetail() {
                     .react-flow__edge path {
                       stroke: #000000 !important;
                     }
+                    .react-flow__attribution {
+                      display: none !important;
+                    }
                   `}</style>
                   <ReactFlow
                     nodes={nodes}
@@ -2624,7 +2634,7 @@ export default function WorkJobDetail() {
                       className="!bg-white !border !border-gray-200 !rounded-lg !shadow-md" 
                       style={{ position: 'absolute', top: '10px', right: '10px', bottom: 'auto', left: 'auto' }}
                     />
-                    <Background variant={BackgroundVariant.Dots} gap={16} size={1} color="#e5e7eb" />
+                    <Background variant={BackgroundVariant.Lines} gap={16} size={1} color="#e5e7eb" />
                   </ReactFlow>
                 </>
               ) : (
@@ -2646,11 +2656,7 @@ export default function WorkJobDetail() {
               <div className="p-4">
                 <Descriptions column={1} bordered size="small">
                   <Descriptions.Item 
-                    label={
-                      <span>
-                        流程模板 <span className="text-red-500">*</span>
-                      </span>
-                    }
+                    label="流程模板"
                   >
                     {(() => {
                       const template = workflowTemplateList.find(t => t.id === jobDetail?.designId);
@@ -2659,11 +2665,7 @@ export default function WorkJobDetail() {
                   </Descriptions.Item>
                   
                   <Descriptions.Item 
-                    label={
-                      <span>
-                        作业分类 <span className="text-red-500">*</span>
-                      </span>
-                    }
+                    label="作业分类"
                   >
                     {(() => {
                       const item = workTypeDictList.find(i => i.value === jobDetail?.type);
@@ -2672,21 +2674,13 @@ export default function WorkJobDetail() {
                   </Descriptions.Item>
                   
                   <Descriptions.Item 
-                    label={
-                      <span>
-                        作业名称 <span className="text-red-500">*</span>
-                      </span>
-                    }
+                    label="作业名称"
                   >
                     {jobDetail?.name || '-'}
                   </Descriptions.Item>
                   
                   <Descriptions.Item 
-                    label={
-                      <span>
-                        作业内容 <span className="text-red-500">*</span>
-                      </span>
-                    }
+                    label="作业内容"
                   >
                     {jobDetail?.description || jobDetail?.content || '-'}
                   </Descriptions.Item>