diff --git a/src/views/workflow/processDefinition/index.vue b/src/views/workflow/processDefinition/index.vue
index 63764de2..45c6c8b8 100644
--- a/src/views/workflow/processDefinition/index.vue
+++ b/src/views/workflow/processDefinition/index.vue
@@ -215,6 +215,17 @@
                     >
                       发布流程
                     </el-button>
+                    <el-button
+                      v-hasPermi="['workflow:definition:publish']"
+                      link
+                      type="primary"
+                      v-if="scope.row.isPublish == 1"
+                      size="small"
+                      icon="CircleCheck"
+                      @click="handleUnPublish(scope.row)"
+                    >
+                      取消发布
+                    </el-button>
                   </div>
                 </template>
               </el-table-column>
@@ -335,6 +346,7 @@ import {
   importDef,
   unPublishList,
   publish,
+  unPublish,
   add,
   edit,
   getInfo,
@@ -517,10 +529,10 @@ const handleDelete = async (row?: Partial<FlowDefinitionVo>) => {
 const handlePublish = async (row?: Partial<FlowDefinitionVo>) => {
   await modal.confirm(
     '是否确认发布流程定义编码为【' +
-      row.flowCode +
-      '】版本为【' +
-      row.version +
-      '】的数据项？，发布后会将已发布流程定义改为失效！'
+    row.flowCode +
+    '】版本为【' +
+    row.version +
+    '】的数据项？，发布后会将已发布流程定义改为失效！'
   );
   setLoading(true);
   await publish(row.id).finally(() => setLoading(false));
@@ -528,6 +540,21 @@ const handlePublish = async (row?: Partial<FlowDefinitionVo>) => {
   await handleQuery();
   modal.msgSuccess('发布成功');
 };
+/** 取消发布流程定义 */
+const handleUnPublish = async (row?: Partial<FlowDefinitionVo>) => {
+  await modal.confirm(
+    '是否确认取消发布流程定义编码为【' +
+    row.flowCode +
+    '】版本为【' +
+    row.version +
+    '】的数据项？，取消发布后，此流程定义将不再显示在流程定义列表！'
+  );
+  setLoading(true);
+  await unPublish(row.id).finally(() => setLoading(false));
+  activeName.value = '1';
+  await handleQuery();
+  modal.msgSuccess('取消发布成功');
+}
 /** 挂起/激活 */
 const handleProcessDefState = async (row: Partial<FlowDefinitionVo>, status: number | string | boolean) => {
   let msg: string;