feat: 解决工作流算子列表的mymenu组件的冒泡bug

src/views/ResourceCenter/UserResources/WorkflowOperator/components/OperatorCard/index.module.css

 .itemBox {
-	width: 334px;
 	height: 108px;
 	padding: 20px;
-	margin: 0 20px 20px 0;
 	cursor: pointer;
 	background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
 	box-shadow: 0px 3px 12px 0px rgba(3, 47, 105, 0.09);

src/views/ResourceCenter/UserResources/WorkflowOperator/components/OperatorCard/index.tsx

@@ -52,6 +52,10 @@ const OperatorCard = observer((props: IProps) => {
 		});
 	};
 
+	const handleMenuBox = (event: any) => {
+		event.stopPropagation();
+	};
+
 	return (
 		<div className={styles.itemBox} onClick={handleToSeeOperator}>
 			<div className={styles.itemHeaderBox}>
@@ -62,6 +66,7 @@ const OperatorCard = observer((props: IProps) => {
 						{operatorType[type] || ""}
 					</span>
 				</div>
+				<div className={styles.menuBox} onClick={(e) => handleMenuBox(e)}>
 					<MyMenu
 						value=""
 						options={[{ label: "升级", value: "upgrade" }]}
@@ -80,6 +85,7 @@ const OperatorCard = observer((props: IProps) => {
 						</span>
 					</MyMenu>
 				</div>
+			</div>
 			<div className={styles.itemContentBox}>
 				<p className={styles.infoBox}>
 					所属产品：<span>{productText}</span>

src/views/ResourceCenter/UserResources/WorkflowOperator/index.module.css

@@ -14,7 +14,5 @@
 }
 
 .contentBox {
-	display: flex;
-	flex-wrap: wrap;
-	padding-left: 20px;
+	padding: 0 20px 24px;
 }

src/views/ResourceCenter/UserResources/WorkflowOperator/index.tsx

@@ -17,6 +17,7 @@ import MySelect from "@/components/mui/MySelect";
 import MyButton from "@/components/mui/MyButton";
 import OperatorCard from "./components/OperatorCard";
 import AddOperator from "./components/AddOperator";
+import CardTable from "@/components/CommonComponents/CardTable";
 import { useStores } from "@/store";
 import { getOperatorList, IOperatorListParams } from "@/api/resourceCenter";
 import useMyRequest from "@/hooks/useMyRequest";
@@ -134,15 +135,17 @@ const WorkflowOperator = observer(() => {
 				<MyCircularProgress loading={loading}>
 					{list?.length ? (
 						<div className={styles.contentBox}>
-							{list?.map((item) => {
-								return (
+							<CardTable
+								data={list}
+								renderItem={(item: any) => (
 									<OperatorCard
 										setDetailsId={setDetailsId}
 										operatorInfo={item}
 										setPageType={setPageType}
 									/>
-								);
-							})}
+								)}
+								itemMinWidth={377}
+							></CardTable>
 						</div>
 					) : (
 						<div style={{ height: 300 }}>