From 8f9a4607932b436a9d79297b88bc6668c372e492 Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Tue, 1 Apr 2025 15:52:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E9=80=81=E4=BC=81=E4=B8=9A=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/taskapi/management.ts                 |   8 +
 src/components/DesignForm/app/index.vue       |  41 +-
 .../DesignForm/tableListPage/index.vue        |  41 +-
 .../runApp/regularPage/myCreate.vue           | 762 ++++++++++--------
 4 files changed, 495 insertions(+), 357 deletions(-)

diff --git a/src/api/taskapi/management.ts b/src/api/taskapi/management.ts
index e22b2d9..b28dacc 100644
--- a/src/api/taskapi/management.ts
+++ b/src/api/taskapi/management.ts
@@ -203,3 +203,11 @@ export function createAppTask(data?:any){
 		data: data
 	});
 }
+//撤回发送的信息
+export function recalSendMsg(data?:any){
+	return request({
+		url: '/systemapi/task_management/recalSendMsg',
+		method: 'post',
+		data: data
+	});
+}
diff --git a/src/components/DesignForm/app/index.vue b/src/components/DesignForm/app/index.vue
index 4e25afa..41154c1 100644
--- a/src/components/DesignForm/app/index.vue
+++ b/src/components/DesignForm/app/index.vue
@@ -34,7 +34,11 @@ import JSZip, { forEach } from "jszip";
 import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
 import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue";
 import request from "@/utils/request";
-import { softDeletion, retractRunWorkFlow } from "@/api/taskapi/management";
+import {
+  softDeletion,
+  retractRunWorkFlow,
+  recallSendMsg,
+} from "@/api/taskapi/management";
 
 import { formatNumber } from "@/api/DesignForm/utils";
 
@@ -1359,6 +1363,23 @@ const withdrawApplication = (val: any) => {
 };
 /**
 @ 作者: 秦东
+@ 时间: 2025-04-01 14:50:46
+@ 功能: 撤回发送的企业微信消息
+*/
+const recallSendMsg = (val: any) => {
+  let sendInfo = {
+    id: val.masters_key.toString(),
+  };
+  recalSendMsg(sendInfo).then((data) => {
+    ElMessage({
+      message: "撤回成功！",
+      type: "success",
+    });
+    getPageData();
+  });
+};
+/**
+@ 作者: 秦东
 @ 时间: 2024-04-11 11:17:42
 @ 功能: 重新提交申请
 */
@@ -1822,6 +1843,24 @@ const readerColumnSun = (column: any) => {
                       class="fa fa-eye"
                     />
                   </el-tooltip>
+                  <el-popconfirm
+                    v-if="scope.row.retract_true"
+                    confirm-button-text="确定"
+                    cancel-button-text="取消"
+                    :icon="QuestionFilled"
+                    icon-color="#F56C6C"
+                    title="您确定要撤回此次发送的消息？"
+                    @confirm="recallSendMsg(scope.row)"
+                    @cancel="cancelEvent(scope.row)"
+                  >
+                    <template #reference>
+                      <el-button
+                        size="small"
+                        class="fa fa-mail-reply-all"
+                        color="rgb(250, 181.5, 181.5)"
+                      />
+                    </template>
+                  </el-popconfirm>
                   <el-popconfirm
                     v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract"
                     confirm-button-text="确定"
diff --git a/src/components/DesignForm/tableListPage/index.vue b/src/components/DesignForm/tableListPage/index.vue
index 68323ef..73db294 100644
--- a/src/components/DesignForm/tableListPage/index.vue
+++ b/src/components/DesignForm/tableListPage/index.vue
@@ -34,7 +34,7 @@ import request from "@/utils/request";
 import html2canvas from "html2canvas";
 import JSZip, { forEach } from "jszip";
 import { ElLoading, ElMessage, ElNotification } from "element-plus";
-import { softDeletion, retractRunWorkFlow } from "@/api/taskapi/management";
+import { softDeletion, retractRunWorkFlow, recalSendMsg } from "@/api/taskapi/management";
 
 import { formatNumber } from "@/api/DesignForm/utils";
 //引入组件
@@ -1300,6 +1300,25 @@ const withdrawApplication = (val: any) => {
     getPageData();
   });
 };
+
+/**
+@ 作者: 秦东
+@ 时间: 2025-04-01 14:50:46
+@ 功能: 撤回发送的企业微信消息
+*/
+const recallSendMsg = (val: any) => {
+  let sendInfo = {
+    id: val.masters_key.toString(),
+  };
+  recalSendMsg(sendInfo).then((data) => {
+    ElMessage({
+      message: "撤回成功！",
+      type: "success",
+    });
+    getPageData();
+  });
+};
+
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:17:42
@@ -1829,6 +1848,26 @@ const readerColumnSun = (column: any) => {
                       class="fa fa-eye"
                     />
                   </el-tooltip>
+
+                  <el-popconfirm
+                    v-if="scope.row.retract_true"
+                    confirm-button-text="确定"
+                    cancel-button-text="取消"
+                    :icon="QuestionFilled"
+                    icon-color="#F56C6C"
+                    title="您确定要撤回此次发送的消息？"
+                    @confirm="recallSendMsg(scope.row)"
+                    @cancel="cancelEvent(scope.row)"
+                  >
+                    <template #reference>
+                      <el-button
+                        size="small"
+                        class="fa fa-mail-reply-all"
+                        color="rgb(250, 181.5, 181.5)"
+                      />
+                    </template>
+                  </el-popconfirm>
+
                   <el-popconfirm
                     v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract"
                     confirm-button-text="确定"
diff --git a/src/views/sysworkflow/lowcodepage/runApp/regularPage/myCreate.vue b/src/views/sysworkflow/lowcodepage/runApp/regularPage/myCreate.vue
index d1e88c5..38aac61 100644
--- a/src/views/sysworkflow/lowcodepage/runApp/regularPage/myCreate.vue
+++ b/src/views/sysworkflow/lowcodepage/runApp/regularPage/myCreate.vue
@@ -3,421 +3,473 @@
 @ 时间: 2024-05-31 13:59:06
 @ 备注: 我创建的
 -->
-<script lang='ts' setup>
-import { softDeletion,retractRunWorkFlow } from '@/api/taskapi/management'
-import { gainAppAllTaskList } from "@/api/DesignForm/requestapi"
+<script lang="ts" setup>
+import {
+  softDeletion,
+  retractRunWorkFlow,
+  recallSendMsg,
+} from "@/api/taskapi/management";
+import { gainAppAllTaskList } from "@/api/DesignForm/requestapi";
 
 //引入组件
-import FormPageCont from '@/components/DesignForm/tableListPage/formPageContApp.vue'
-import TableFlow from '@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue'
+import FormPageCont from "@/components/DesignForm/tableListPage/formPageContApp.vue";
+import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue";
 
 const props = defineProps({
-	pickAppMenu:{
-		type:Object,
-		default(){
-			return {}
-		}
-	},
-	drawerWith:{
-		type:Number,
-		default:0
-	}
+  pickAppMenu: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  drawerWith: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const selectInfo = reactive<taskflowquery>({
-	page: 1,
-	pagesize: 20,
-	class:1,
-	id:props.pickAppMenu.appkey
-})
-const operState = ref<number>(1)	//操作状态	1：新增；2：重新发起；3：申请修改；4：提交审批;5:普通表单修改
-const loading = ref(false)
-const searckFormRef  = ref(ElForm);
-const totals = ref<number>(0)	//总共多少条记录
-const taskFlowAry = ref<any>([])  //记录数组
+  page: 1,
+  pagesize: 20,
+  class: 1,
+  id: props.pickAppMenu.appkey,
+});
+const operState = ref<number>(1); //操作状态	1：新增；2：重新发起；3：申请修改；4：提交审批;5:普通表单修改
+const loading = ref(false);
+const searckFormRef = ref(ElForm);
+const totals = ref<number>(0); //总共多少条记录
+const taskFlowAry = ref<any>([]); //记录数组
 //重置表单
-const resetQuery = () =>{
-	searckFormRef.value.resetFields();
-	initData();
-}
+const resetQuery = () => {
+  searckFormRef.value.resetFields();
+  initData();
+};
 //初始化数据
-const initData = () =>{
-	selectInfo.page = 1;
-	selectInfo.pagesize = 15;
-	selectInfo.title = ""
-	selectInfo.class = 3;
-	selectInfo.state = 0;
-}
+const initData = () => {
+  selectInfo.page = 1;
+  selectInfo.pagesize = 15;
+  selectInfo.title = "";
+  selectInfo.class = 3;
+  selectInfo.state = 0;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-06-07 09:28:35
 @ 功能: 加载数据
 */
-const getToDoList = () =>{
-	gainAppAllTaskList(selectInfo)
-		.then((data) =>{
-			// console.log("加载数据--->",data)
-			totals.value = data.data.total
-			taskFlowAry.value = data.data.list
-		})
-}
-onMounted(() =>{
-	getToDoList()
-})
+const getToDoList = () => {
+  gainAppAllTaskList(selectInfo).then((data) => {
+    // console.log("加载数据--->",data)
+    totals.value = data.data.total;
+    taskFlowAry.value = data.data.list;
+  });
+};
+onMounted(() => {
+  getToDoList();
+});
 
-const container = ref()	//实例化内容容器
-const drawerWith = ref();	//编辑表单时抽屉宽度
-const openTaskDrawer = ref(false)	//新增数据
+const container = ref(); //实例化内容容器
+const drawerWith = ref(); //编辑表单时抽屉宽度
+const openTaskDrawer = ref(false); //新增数据
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 13:24:06
 @ 功能: 查看详细内容
 */
-const tablePageClass = ref(1)
-const lookPageInfoIsShow = ref(false)
-const pageInfoCont = ref<any>()
-const lookPageInfo = (val:any) => {
-	tablePageClass.value = 4;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-	
-}
+const tablePageClass = ref(1);
+const lookPageInfoIsShow = ref(false);
+const pageInfoCont = ref<any>();
+const lookPageInfo = (val: any) => {
+  tablePageClass.value = 4;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-05 11:29:50
 @ 功能: 编辑表单内容
 */
 
-const editInfo = (val:any) => {
-	// console.log('修改数据!',val)
-	operState.value = 5;
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const editInfo = (val: any) => {
+  // console.log('修改数据!',val)
+  operState.value = 5;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-10 15:32:55
 @ 功能: 提交审批
 */
-const submitApproval = (val:any) => {
-	operState.value = 4
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const submitApproval = (val: any) => {
+  operState.value = 4;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 09:36:59
 @ 功能: 撤回申请
 */
-const withdrawApplication  = (val:any) => {
-	// console.log("撤回申请", val);
-	let sendInfo = {
-		id: val.runFlowIdStr,
-	}
-	retractRunWorkFlow(sendInfo)
-		.then((data)=>{
-			ElMessage({
-				message: '撤回成功！',
-				type: 'success'
-			})
-			getToDoList()
-		})
-}
+const withdrawApplication = (val: any) => {
+  // console.log("撤回申请", val);
+  let sendInfo = {
+    id: val.runFlowIdStr,
+  };
+  retractRunWorkFlow(sendInfo).then((data) => {
+    ElMessage({
+      message: "撤回成功！",
+      type: "success",
+    });
+    getToDoList();
+  });
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-04-01 14:50:46
+@ 功能: 撤回发送的企业微信消息
+*/
+const recallSendMsg = (val: any) => {
+  let sendInfo = {
+    id: val.masters_key.toString(),
+  };
+  recalSendMsg(sendInfo).then((data) => {
+    ElMessage({
+      message: "撤回成功！",
+      type: "success",
+    });
+    getPageData();
+  });
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:17:42
 @ 功能: 重新提交申请
 */
-const afreshSendFlow = (val:any) => {
-	operState.value = 2
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const afreshSendFlow = (val: any) => {
+  operState.value = 2;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:19:21
 @ 功能: 申请修改数据
 */
-const editFormSendFlow = (val:any) => {
-	operState.value = 3
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
-const cancelEvent = (val:any) => {
-//   console.log('cancel!',val)
-}
+const editFormSendFlow = (val: any) => {
+  operState.value = 3;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
+const cancelEvent = (val: any) => {
+  //   console.log('cancel!',val)
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 13:13:56
 @ 功能: 列表信息删除信息
 */
-const confirmEvent = (val:any) => {
-	let sendData = {
-		id:[val.mastersKeyStr],
-		isTrue:2
-	}
-	softDeletion(sendData)
-		.then((data)=>{
-			// console.log('cancel!',data)
-			ElNotification({
-				title: '系统提示！',
-				message: data.mag?data.mag:"删除成功",
-				type: 'success',
-			})
-			getToDoList()
-		})
-}
-const searchQuery = () =>{}
+const confirmEvent = (val: any) => {
+  let sendData = {
+    id: [val.mastersKeyStr],
+    isTrue: 2,
+  };
+  softDeletion(sendData).then((data) => {
+    // console.log('cancel!',data)
+    ElNotification({
+      title: "系统提示！",
+      message: data.mag ? data.mag : "删除成功",
+      type: "success",
+    });
+    getToDoList();
+  });
+};
+const searchQuery = () => {};
 </script>
 <template>
-	<div ref="container" class="app_box">
-		<div class="app-container">
-			<div class="search">
-				<div class="titleBox">
-					我创建的
-				</div>
-				<el-form ref="searckFormRef" :model="selectInfo" :inline="true">
-					<el-form-item label="任务标题" prop="name">
-						<el-input
-							v-model="selectInfo.title"
-							placeholder="请输入任务标题"
-							clearable
-							@keyup.enter="searchQuery"
-						/>
-					</el-form-item>
-					<el-form-item>
-						<el-button type="primary" @click="getToDoList()"><i-ep-search />搜索</el-button>
-						<el-button @click="resetQuery()"><i-ep-refresh />重置</el-button>
-					</el-form-item>
-				</el-form>
-			</div>
-			<el-card shadow="never">
-				<el-table
-					v-loading="loading"
-					element-loading-text="Loading..."
-					highlight-current-row
-					:data="taskFlowAry"
-					border
-					class="table_box"
-				>
-					<el-table-column fixed label="标题" prop="title" width="500" />
-					<el-table-column  label="创建人" prop="creater"  width="200" align="center">
-						<template #default="scope">
-							{{ scope.row.createrInfo.name }}（<el-text  type="info">{{ scope.row.createrInfo.number }}</el-text>）	
-						</template>
-					</el-table-column>
-					<el-table-column  label="发起日期" prop="createrTimeStr" align="center"  min-width="200" />
-					<el-table-column  label="状态" prop="status"  align="center"  width="100" >
-						
-						<template #default="scope">
-						
-							<el-tag
-								v-if="scope.row.status==1"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								草稿
-							</el-tag>
-							<el-tag
-								v-else-if="scope.row.status==2&&scope.row.types==1"
-								type="danger"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								驳回
-							</el-tag>
-							<el-tag
-								v-else-if="scope.row.status==2&&scope.row.types!=1"
-								type="danger"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								发表
-							</el-tag>
-							<el-tag
-								v-else-if="scope.row.status==3"
-								type="success"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								审批中
-							</el-tag>
-							<el-tag
-								v-else-if="scope.row.status==4"
-								type="info"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								归档
-							</el-tag>
-							<el-tag
-								v-else
-								type="info"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								删除
-							</el-tag>
-						</template>
-						
-					</el-table-column>
-					<el-table-column label="任务性质" prop="currentStep" width="130" align="center">
-						<template #default="scope">
-							<el-tag
-								v-if="scope.row.types==1"
-								type="danger"
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								流程任务
-							</el-tag>
-							<el-tag
-								v-else
-								class="mx-1"
-								effect="plain"
-								round
-							>
-								普通任务
-							</el-tag>
-							
-						</template>
-					</el-table-column>
-					<el-table-column fixed="right" align="center" label="操作" width="200" >
-						<template #default="scope">
-								<el-button-group>
-									<el-tooltip
-										v-if="scope.row.types==1&&scope.row.status==1"
-										class="box-item"
-										effect="dark"
-										content="提交审批"
-										placement="top-end"
-									>
-										<el-button type="success" size="small" class="fa fa-send-o"   @click="submitApproval(scope.row)" />
-									</el-tooltip>
+  <div ref="container" class="app_box">
+    <div class="app-container">
+      <div class="search">
+        <div class="titleBox">我创建的</div>
+        <el-form ref="searckFormRef" :model="selectInfo" :inline="true">
+          <el-form-item label="任务标题" prop="name">
+            <el-input
+              v-model="selectInfo.title"
+              placeholder="请输入任务标题"
+              clearable
+              @keyup.enter="searchQuery"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="getToDoList()"
+              ><i-ep-search />搜索</el-button
+            >
+            <el-button @click="resetQuery()"><i-ep-refresh />重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <el-card shadow="never">
+        <el-table
+          v-loading="loading"
+          element-loading-text="Loading..."
+          highlight-current-row
+          :data="taskFlowAry"
+          border
+          class="table_box"
+        >
+          <el-table-column fixed label="标题" prop="title" width="500" />
+          <el-table-column label="创建人" prop="creater" width="200" align="center">
+            <template #default="scope">
+              {{ scope.row.createrInfo.name }}（<el-text type="info">{{
+                scope.row.createrInfo.number
+              }}</el-text
+              >）
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="发起日期"
+            prop="createrTimeStr"
+            align="center"
+            min-width="200"
+          />
+          <el-table-column label="状态" prop="status" align="center" width="100">
+            <template #default="scope">
+              <el-tag v-if="scope.row.status == 1" class="mx-1" effect="plain" round>
+                草稿
+              </el-tag>
+              <el-tag
+                v-else-if="scope.row.status == 2 && scope.row.types == 1"
+                type="danger"
+                class="mx-1"
+                effect="plain"
+                round
+              >
+                驳回
+              </el-tag>
+              <el-tag
+                v-else-if="scope.row.status == 2 && scope.row.types != 1"
+                type="danger"
+                class="mx-1"
+                effect="plain"
+                round
+              >
+                发表
+              </el-tag>
+              <el-tag
+                v-else-if="scope.row.status == 3"
+                type="success"
+                class="mx-1"
+                effect="plain"
+                round
+              >
+                审批中
+              </el-tag>
+              <el-tag
+                v-else-if="scope.row.status == 4"
+                type="info"
+                class="mx-1"
+                effect="plain"
+                round
+              >
+                归档
+              </el-tag>
+              <el-tag v-else type="info" class="mx-1" effect="plain" round> 删除 </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="任务性质" prop="currentStep" width="130" align="center">
+            <template #default="scope">
+              <el-tag
+                v-if="scope.row.types == 1"
+                type="danger"
+                class="mx-1"
+                effect="plain"
+                round
+              >
+                流程任务
+              </el-tag>
+              <el-tag v-else class="mx-1" effect="plain" round> 普通任务 </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" align="center" label="操作" width="200">
+            <template #default="scope">
+              <el-button-group>
+                <el-tooltip
+                  v-if="scope.row.types == 1 && scope.row.status == 1"
+                  class="box-item"
+                  effect="dark"
+                  content="提交审批"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="success"
+                    size="small"
+                    class="fa fa-send-o"
+                    @click="submitApproval(scope.row)"
+                  />
+                </el-tooltip>
 
-									<el-tooltip
-										v-if="scope.row.types==1&&scope.row.status==2"
-										class="box-item"
-										effect="dark"
-										content="重新申请"
-										placement="top-end"
-									>
-										<el-button type="warning" size="small" class="fa fa-retweet"  @click="afreshSendFlow(scope.row)" />
-									</el-tooltip>
-									<el-tooltip
-										class="box-item"
-										effect="dark"
-										content="查看详情"
-										placement="top-end"
-									>
-										<el-button @click="lookPageInfo(scope.row)" type="primary" size="small" class="fa fa-eye"  />
-									</el-tooltip>
-									<el-popconfirm
-										v-if="scope.row.types==1&&scope.row.isRetract"
-										confirm-button-text="确定"
-										cancel-button-text="取消"
-										:icon="QuestionFilled"
-										icon-color="#F56C6C"
-										title="您确定要撤回此次申请？一经撤回！需要此流程重新提交申请！"
-										@confirm="withdrawApplication (scope.row)"
-										@cancel="cancelEvent(scope.row)"
-									>
-										<template #reference>
-											<el-button  size="small" class="fa fa-reply-all"  />
-										</template>
-									</el-popconfirm>
-									<el-tooltip
-										v-if="scope.row.types==2"
-										class="box-item"
-										effect="dark"
-										content="编辑"
-										placement="top-end"
-									>
-										<el-button @click="editInfo(scope.row)" type="info" size="small" class="fa fa-edit"  />
-									</el-tooltip>
-									<el-popconfirm
-										v-if="scope.row.status==2||scope.row.status==1"
-										confirm-button-text="确定"
-										cancel-button-text="取消"
-										:icon="QuestionFilled"
-										icon-color="#F56C6C"
-										title="您确定要删除此条记录?一经删除！数据将不可恢复！"
-										@confirm="confirmEvent(scope.row)"
-										@cancel="cancelEvent(scope.row)"
-									>
-										<template #reference>
-											<el-button type="danger" size="small" class="fa fa-trash-o"  />
-										</template>
-									</el-popconfirm>
+                <el-tooltip
+                  v-if="scope.row.types == 1 && scope.row.status == 2"
+                  class="box-item"
+                  effect="dark"
+                  content="重新申请"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="warning"
+                    size="small"
+                    class="fa fa-retweet"
+                    @click="afreshSendFlow(scope.row)"
+                  />
+                </el-tooltip>
+                <el-tooltip
+                  class="box-item"
+                  effect="dark"
+                  content="查看详情"
+                  placement="top-end"
+                >
+                  <el-button
+                    @click="lookPageInfo(scope.row)"
+                    type="primary"
+                    size="small"
+                    class="fa fa-eye"
+                  />
+                </el-tooltip>
+                <el-popconfirm
+                  v-if="scope.row.types == 1 && scope.row.isRetract"
+                  confirm-button-text="确定"
+                  cancel-button-text="取消"
+                  :icon="QuestionFilled"
+                  icon-color="#F56C6C"
+                  title="您确定要撤回此次申请？一经撤回！需要此流程重新提交申请！"
+                  @confirm="withdrawApplication(scope.row)"
+                  @cancel="cancelEvent(scope.row)"
+                >
+                  <template #reference>
+                    <el-button size="small" class="fa fa-reply-all" />
+                  </template>
+                </el-popconfirm>
+                <el-tooltip
+                  v-if="scope.row.types == 2"
+                  class="box-item"
+                  effect="dark"
+                  content="编辑"
+                  placement="top-end"
+                >
+                  <el-button
+                    @click="editInfo(scope.row)"
+                    type="info"
+                    size="small"
+                    class="fa fa-edit"
+                  />
+                </el-tooltip>
+                <el-popconfirm
+                  v-if="scope.row.status == 2 || scope.row.status == 1"
+                  confirm-button-text="确定"
+                  cancel-button-text="取消"
+                  :icon="QuestionFilled"
+                  icon-color="#F56C6C"
+                  title="您确定要删除此条记录?一经删除！数据将不可恢复！"
+                  @confirm="confirmEvent(scope.row)"
+                  @cancel="cancelEvent(scope.row)"
+                >
+                  <template #reference>
+                    <el-button type="danger" size="small" class="fa fa-trash-o" />
+                  </template>
+                </el-popconfirm>
+                <el-popconfirm
+                  v-if="scope.row.retract_true"
+                  confirm-button-text="确定"
+                  cancel-button-text="取消"
+                  :icon="QuestionFilled"
+                  icon-color="#F56C6C"
+                  title="您确定要撤回此次发送的消息？"
+                  @confirm="recallSendMsg(scope.row)"
+                  @cancel="cancelEvent(scope.row)"
+                >
+                  <template #reference>
+                    <el-button
+                      size="small"
+                      class="fa fa-mail-reply-all"
+                      color="rgb(250, 181.5, 181.5)"
+                    />
+                  </template>
+                </el-popconfirm>
+                <el-tooltip
+                  v-if="scope.row.types == 1 && scope.row.status == 4"
+                  class="box-item"
+                  effect="dark"
+                  content="申请修改"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="info"
+                    size="small"
+                    class="fa fa-edit"
+                    @click="editFormSendFlow(scope.row)"
+                  />
+                </el-tooltip>
+              </el-button-group>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-model:total="totals"
+          v-model:page="selectInfo.page"
+          v-model:limit="selectInfo.pagesize"
+          @pagination="getToDoList"
+        />
+      </el-card>
 
-									<el-tooltip
-										v-if="scope.row.types==1&&scope.row.status==4"
-										class="box-item"
-										effect="dark"
-										content="申请修改"
-										placement="top-end"
-									>
-										<el-button type="info" size="small" class="fa fa-edit" @click="editFormSendFlow(scope.row)" />
-									</el-tooltip>
-								</el-button-group>
-						</template>
-					</el-table-column>
-				</el-table>
-				<pagination
-					v-model:total="totals"
-					v-model:page="selectInfo.page"
-					v-model:limit="selectInfo.pagesize"
-					@pagination="getToDoList"
-				/>
-			</el-card>
+      <FormPageCont
+        v-model:is-show="lookPageInfoIsShow"
+        :drawer-with="props.drawerWith"
+        :page-info="pageInfoCont"
+        :table-page-class="tablePageClass"
+        :oper-state="operState"
+        @getPageData="getToDoList"
+      />
 
-
-			
-			<FormPageCont v-model:is-show="lookPageInfoIsShow" :drawer-with="props.drawerWith" :page-info="pageInfoCont" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getToDoList" />
-		
-		<TableFlow  v-model:isopen="openTaskDrawer" :versionid="props.versionid" :versiontitle="props.versiontitle" :drawerwith="props.drawerWith" :pick-app-menu="pickAppMenu" @searchquery="getListData" />
-	
-
-
-		</div>
-	</div>
+      <TableFlow
+        v-model:isopen="openTaskDrawer"
+        :versionid="props.versionid"
+        :versiontitle="props.versiontitle"
+        :drawerwith="props.drawerWith"
+        :pick-app-menu="pickAppMenu"
+        @searchquery="getListData"
+      />
+    </div>
+  </div>
 </template>
-<style  lang='scss' scoped>
-.app_box{
-	width:100%;
-	overflow: hidden;
-	overflow-y: auto;
-	.search{
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-	.titleBox{
-		font-size: 20px;
-   	 	margin-top: -20px;
-	}
+<style lang="scss" scoped>
+.app_box {
+  width: 100%;
+  overflow: hidden;
+  overflow-y: auto;
+  .search {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .titleBox {
+    font-size: 20px;
+    margin-top: -20px;
+  }
 }
 .box-card {
   width: 100%;
 }
-.table_box{
-	width: 100%;
-	height: calc(100vh - 260px);
+.table_box {
+  width: 100%;
+  height: calc(100vh - 260px);
 }
 </style>