feat: 删除模板完成

src/api/api_manager.ts

@@ -58,6 +58,7 @@ const RESTAPI = {
   API_ACTOR_ENV_OPTIONS:`${BACKEND_API_URI_PREFIX}/cpp/actorenv/usableenv`, // 查询用户应用环境下拉
   API_SAVE_OPERATOR:`${BACKEND_API_URI_PREFIX}/cpp/workflow/custom/actor`, // 保存自定义批流算子
   API_WORKFLOWSPEC_LIST:`${BACKEND_API_URI_PREFIX}/cpp/workbench/product/workflowspec/list`, // 模板列表   所有的
+  API_WORKFLOWSPEC_DELETE:`${BACKEND_API_URI_PREFIX}/cpp/workbench/workflowspec/delete`, // 删除模板
 };
 
 export default RESTAPI;

src/api/resourceCenter.ts

@@ -122,6 +122,16 @@ const saveOperator = (params: any) => {
   });
 };
 
+// 删除工作流模板
+const deleteWorkflowspec = (params: {
+  id: string
+}) => {
+  return request({
+    url:`${Api.API_WORKFLOWSPEC_DELETE}`,
+    method: "delete",
+    params
+  });
+};
 
 
 export {
@@ -134,5 +144,6 @@ export {
   getActorenvDetail,
   getActorEnvOptions,
   getWorkflowspecList,
-  saveOperator
+  saveOperator,
+  deleteWorkflowspec
 };

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

@@ -6,25 +6,27 @@ import MySelect from "@/components/mui/MySelect";
 import Add from "@mui/icons-material/Add";
 import CardTable from "@/components/CommonComponents/CardTable";
 import useMyRequest from "@/hooks/useMyRequest";
-import { getWorkflowspecList } from "@/api/resourceCenter";
-// import AddTemplate from "./AddTemplate";
+import { getWorkflowspecList, deleteWorkflowspec } from "@/api/resourceCenter";
+import MyDialog from "@/components/mui/MyDialog";
 import templateIcon from "@/assets/resourceCenter/templateIcon.svg";
 import { useStores } from "@/store";
 import { toJS } from "mobx";
 import ProductSelect from "@/components/BusinessComponents/ProductSelect";
 import WorkFlowEdit from "@/views/WorkFlowEdit";
+import { useMessage } from "@/components/MySnackbar";
 import style from "./index.module.css";
 
 const UserResourcesTemplate = observer(() => {
 	const [title, setTitle] = useState("");
+	const Message = useMessage();
 	const [showAddTemplate, setShowAddTemplate] = useState(false);
 	const [showProductSelect, setShowProductSelect] = useState(false);
+	const [showDeleteDialog, setShowDeleteDialog] = useState(false);
 	const [templateId, setTemplateId] = useState("");
 	const [product, setProduct] = useState(""); // 搜索列表用
 	const [productId, setProductId] = useState(""); // 新增模板用
 	const [list, setList] = useState([]);
 	const { productListStore } = useStores();
-	console.log(toJS(productListStore));
 	const getProductName = (productId: string) => {
 		let res = "-";
 		toJS(productListStore.productList).forEach((item) => {
@@ -67,6 +69,10 @@ const UserResourcesTemplate = observer(() => {
 								color: "rgba(138, 144, 153, 1)",
 								marginRight: "12px",
 							}}
+							onClick={() => {
+								setShowDeleteDialog(true);
+								setTemplateId(item.id);
+							}}
 						></MyButton>
 						<MyButton text="查看" variant="outlined"></MyButton>
 					</div>
@@ -89,6 +95,21 @@ const UserResourcesTemplate = observer(() => {
 		});
 	}, [run, title, product]);
 
+	const { run: deleteWorkflowspecFn } = useMyRequest(deleteWorkflowspec, {
+		onSuccess: () => {
+			Message.success("删除成功");
+			setShowDeleteDialog(false);
+			run({
+				productId: product === "all" ? "" : product,
+				title,
+			});
+		},
+	});
+
+	const deleteConfirm = () => {
+		deleteWorkflowspecFn({ id: templateId });
+	};
+
 	return (
 		<div className={style.template}>
 			<div className={style.top}>
@@ -147,6 +168,17 @@ const UserResourcesTemplate = observer(() => {
 					}}
 				></ProductSelect>
 			)}
+			{showDeleteDialog && (
+				<MyDialog
+					onClose={() => setShowDeleteDialog(false)}
+					onConfirm={() => deleteConfirm()}
+					open={showDeleteDialog}
+					isText={true}
+					title="提示"
+				>
+					确定要删除这个模板吗？
+				</MyDialog>
+			)}
 		</div>
 	);
 });