Browse Source

发送企业微信

qin_v18
herenshan112 8 months ago
parent
commit
8f9a460793
  1. 8
      src/api/taskapi/management.ts
  2. 41
      src/components/DesignForm/app/index.vue
  3. 41
      src/components/DesignForm/tableListPage/index.vue
  4. 762
      src/views/sysworkflow/lowcodepage/runApp/regularPage/myCreate.vue

8
src/api/taskapi/management.ts

@ -203,3 +203,11 @@ export function createAppTask(data?:any){
data: data data: data
}); });
} }
//撤回发送的信息
export function recalSendMsg(data?:any){
return request({
url: '/systemapi/task_management/recalSendMsg',
method: 'post',
data: data
});
}

41
src/components/DesignForm/app/index.vue

@ -34,7 +34,11 @@ import JSZip, { forEach } from "jszip";
import { gainFormPageListCont } from "@/api/DesignForm/requestapi"; import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue"; import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue";
import request from "@/utils/request"; 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"; 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 @ 时间: 2024-04-11 11:17:42
@ 功能: 重新提交申请 @ 功能: 重新提交申请
*/ */
@ -1822,6 +1843,24 @@ const readerColumnSun = (column: any) => {
class="fa fa-eye" class="fa fa-eye"
/> />
</el-tooltip> </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 <el-popconfirm
v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract" v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract"
confirm-button-text="确定" confirm-button-text="确定"

41
src/components/DesignForm/tableListPage/index.vue

@ -34,7 +34,7 @@ import request from "@/utils/request";
import html2canvas from "html2canvas"; import html2canvas from "html2canvas";
import JSZip, { forEach } from "jszip"; import JSZip, { forEach } from "jszip";
import { ElLoading, ElMessage, ElNotification } from "element-plus"; 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"; import { formatNumber } from "@/api/DesignForm/utils";
// //
@ -1300,6 +1300,25 @@ const withdrawApplication = (val: any) => {
getPageData(); 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 @ 时间: 2024-04-11 11:17:42
@ -1829,6 +1848,26 @@ const readerColumnSun = (column: any) => {
class="fa fa-eye" class="fa fa-eye"
/> />
</el-tooltip> </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 <el-popconfirm
v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract" v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract"
confirm-button-text="确定" confirm-button-text="确定"

762
src/views/sysworkflow/lowcodepage/runApp/regularPage/myCreate.vue

@ -3,421 +3,473 @@
@ 时间: 2024-05-31 13:59:06 @ 时间: 2024-05-31 13:59:06
@ 备注: 我创建的 @ 备注: 我创建的
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { softDeletion,retractRunWorkFlow } from '@/api/taskapi/management' import {
import { gainAppAllTaskList } from "@/api/DesignForm/requestapi" softDeletion,
retractRunWorkFlow,
recallSendMsg,
} from "@/api/taskapi/management";
import { gainAppAllTaskList } from "@/api/DesignForm/requestapi";
// //
import FormPageCont from '@/components/DesignForm/tableListPage/formPageContApp.vue' import FormPageCont from "@/components/DesignForm/tableListPage/formPageContApp.vue";
import TableFlow from '@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue' import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue";
const props = defineProps({ const props = defineProps({
pickAppMenu:{ pickAppMenu: {
type:Object, type: Object,
default(){ default() {
return {} return {};
} },
}, },
drawerWith:{ drawerWith: {
type:Number, type: Number,
default:0 default: 0,
} },
}); });
const selectInfo = reactive<taskflowquery>({ const selectInfo = reactive<taskflowquery>({
page: 1, page: 1,
pagesize: 20, pagesize: 20,
class:1, class: 1,
id:props.pickAppMenu.appkey id: props.pickAppMenu.appkey,
}) });
const operState = ref<number>(1) // 1234;5: const operState = ref<number>(1); // 1234;5:
const loading = ref(false) const loading = ref(false);
const searckFormRef = ref(ElForm); const searckFormRef = ref(ElForm);
const totals = ref<number>(0) // const totals = ref<number>(0); //
const taskFlowAry = ref<any>([]) // const taskFlowAry = ref<any>([]); //
// //
const resetQuery = () =>{ const resetQuery = () => {
searckFormRef.value.resetFields(); searckFormRef.value.resetFields();
initData(); initData();
} };
// //
const initData = () =>{ const initData = () => {
selectInfo.page = 1; selectInfo.page = 1;
selectInfo.pagesize = 15; selectInfo.pagesize = 15;
selectInfo.title = "" selectInfo.title = "";
selectInfo.class = 3; selectInfo.class = 3;
selectInfo.state = 0; selectInfo.state = 0;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-06-07 09:28:35 @ 时间: 2024-06-07 09:28:35
@ 功能: 加载数据 @ 功能: 加载数据
*/ */
const getToDoList = () =>{ const getToDoList = () => {
gainAppAllTaskList(selectInfo) gainAppAllTaskList(selectInfo).then((data) => {
.then((data) =>{ // console.log("--->",data)
// console.log("--->",data) totals.value = data.data.total;
totals.value = data.data.total taskFlowAry.value = data.data.list;
taskFlowAry.value = data.data.list });
}) };
} onMounted(() => {
onMounted(() =>{ getToDoList();
getToDoList() });
})
const container = ref() // const container = ref(); //
const drawerWith = ref(); // const drawerWith = ref(); //
const openTaskDrawer = ref(false) // const openTaskDrawer = ref(false); //
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-03 13:24:06 @ 时间: 2024-04-03 13:24:06
@ 功能: 查看详细内容 @ 功能: 查看详细内容
*/ */
const tablePageClass = ref(1) const tablePageClass = ref(1);
const lookPageInfoIsShow = ref(false) const lookPageInfoIsShow = ref(false);
const pageInfoCont = ref<any>() const pageInfoCont = ref<any>();
const lookPageInfo = (val:any) => { const lookPageInfo = (val: any) => {
tablePageClass.value = 4; tablePageClass.value = 4;
pageInfoCont.value = val pageInfoCont.value = val;
drawerWith.value = container.value?.clientWidth drawerWith.value = container.value?.clientWidth;
lookPageInfoIsShow.value = true; lookPageInfoIsShow.value = true;
};
}
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-05 11:29:50 @ 时间: 2024-04-05 11:29:50
@ 功能: 编辑表单内容 @ 功能: 编辑表单内容
*/ */
const editInfo = (val:any) => { const editInfo = (val: any) => {
// console.log('!',val) // console.log('!',val)
operState.value = 5; operState.value = 5;
tablePageClass.value = 2; tablePageClass.value = 2;
pageInfoCont.value = val pageInfoCont.value = val;
drawerWith.value = container.value?.clientWidth drawerWith.value = container.value?.clientWidth;
lookPageInfoIsShow.value = true; lookPageInfoIsShow.value = true;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-10 15:32:55 @ 时间: 2024-04-10 15:32:55
@ 功能: 提交审批 @ 功能: 提交审批
*/ */
const submitApproval = (val:any) => { const submitApproval = (val: any) => {
operState.value = 4 operState.value = 4;
tablePageClass.value = 2; tablePageClass.value = 2;
pageInfoCont.value = val pageInfoCont.value = val;
drawerWith.value = container.value?.clientWidth drawerWith.value = container.value?.clientWidth;
lookPageInfoIsShow.value = true; lookPageInfoIsShow.value = true;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-11 09:36:59 @ 时间: 2024-04-11 09:36:59
@ 功能: 撤回申请 @ 功能: 撤回申请
*/ */
const withdrawApplication = (val:any) => { const withdrawApplication = (val: any) => {
// console.log("", val); // console.log("", val);
let sendInfo = { let sendInfo = {
id: val.runFlowIdStr, id: val.runFlowIdStr,
} };
retractRunWorkFlow(sendInfo) retractRunWorkFlow(sendInfo).then((data) => {
.then((data)=>{ ElMessage({
ElMessage({ message: "撤回成功!",
message: '撤回成功!', type: "success",
type: 'success' });
}) getToDoList();
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 @ 时间: 2024-04-11 11:17:42
@ 功能: 重新提交申请 @ 功能: 重新提交申请
*/ */
const afreshSendFlow = (val:any) => { const afreshSendFlow = (val: any) => {
operState.value = 2 operState.value = 2;
tablePageClass.value = 2; tablePageClass.value = 2;
pageInfoCont.value = val pageInfoCont.value = val;
drawerWith.value = container.value?.clientWidth drawerWith.value = container.value?.clientWidth;
lookPageInfoIsShow.value = true; lookPageInfoIsShow.value = true;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-11 11:19:21 @ 时间: 2024-04-11 11:19:21
@ 功能: 申请修改数据 @ 功能: 申请修改数据
*/ */
const editFormSendFlow = (val:any) => { const editFormSendFlow = (val: any) => {
operState.value = 3 operState.value = 3;
tablePageClass.value = 2; tablePageClass.value = 2;
pageInfoCont.value = val pageInfoCont.value = val;
drawerWith.value = container.value?.clientWidth drawerWith.value = container.value?.clientWidth;
lookPageInfoIsShow.value = true; lookPageInfoIsShow.value = true;
} };
const cancelEvent = (val:any) => { const cancelEvent = (val: any) => {
// console.log('cancel!',val) // console.log('cancel!',val)
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-03 13:13:56 @ 时间: 2024-04-03 13:13:56
@ 功能: 列表信息删除信息 @ 功能: 列表信息删除信息
*/ */
const confirmEvent = (val:any) => { const confirmEvent = (val: any) => {
let sendData = { let sendData = {
id:[val.mastersKeyStr], id: [val.mastersKeyStr],
isTrue:2 isTrue: 2,
} };
softDeletion(sendData) softDeletion(sendData).then((data) => {
.then((data)=>{ // console.log('cancel!',data)
// console.log('cancel!',data) ElNotification({
ElNotification({ title: "系统提示!",
title: '系统提示!', message: data.mag ? data.mag : "删除成功",
message: data.mag?data.mag:"删除成功", type: "success",
type: 'success', });
}) getToDoList();
getToDoList() });
}) };
} const searchQuery = () => {};
const searchQuery = () =>{}
</script> </script>
<template> <template>
<div ref="container" class="app_box"> <div ref="container" class="app_box">
<div class="app-container"> <div class="app-container">
<div class="search"> <div class="search">
<div class="titleBox"> <div class="titleBox">我创建的</div>
我创建的 <el-form ref="searckFormRef" :model="selectInfo" :inline="true">
</div> <el-form-item label="任务标题" prop="name">
<el-form ref="searckFormRef" :model="selectInfo" :inline="true"> <el-input
<el-form-item label="任务标题" prop="name"> v-model="selectInfo.title"
<el-input placeholder="请输入任务标题"
v-model="selectInfo.title" clearable
placeholder="请输入任务标题" @keyup.enter="searchQuery"
clearable />
@keyup.enter="searchQuery" </el-form-item>
/> <el-form-item>
</el-form-item> <el-button type="primary" @click="getToDoList()"
<el-form-item> ><i-ep-search />搜索</el-button
<el-button type="primary" @click="getToDoList()"><i-ep-search />搜索</el-button> >
<el-button @click="resetQuery()"><i-ep-refresh />重置</el-button> <el-button @click="resetQuery()"><i-ep-refresh />重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<el-card shadow="never"> <el-card shadow="never">
<el-table <el-table
v-loading="loading" v-loading="loading"
element-loading-text="Loading..." element-loading-text="Loading..."
highlight-current-row highlight-current-row
:data="taskFlowAry" :data="taskFlowAry"
border border
class="table_box" class="table_box"
> >
<el-table-column fixed label="标题" prop="title" width="500" /> <el-table-column fixed label="标题" prop="title" width="500" />
<el-table-column label="创建人" prop="creater" width="200" align="center"> <el-table-column label="创建人" prop="creater" width="200" align="center">
<template #default="scope"> <template #default="scope">
{{ scope.row.createrInfo.name }}<el-text type="info">{{ scope.row.createrInfo.number }}</el-text> {{ scope.row.createrInfo.name }}<el-text type="info">{{
</template> scope.row.createrInfo.number
</el-table-column> }}</el-text
<el-table-column label="发起日期" prop="createrTimeStr" align="center" min-width="200" /> >
<el-table-column label="状态" prop="status" align="center" width="100" > </template>
</el-table-column>
<template #default="scope"> <el-table-column
label="发起日期"
<el-tag prop="createrTimeStr"
v-if="scope.row.status==1" align="center"
class="mx-1" min-width="200"
effect="plain" />
round <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 </el-tag>
v-else-if="scope.row.status==2&&scope.row.types==1" <el-tag
type="danger" v-else-if="scope.row.status == 2 && scope.row.types == 1"
class="mx-1" type="danger"
effect="plain" class="mx-1"
round effect="plain"
> round
驳回 >
</el-tag> 驳回
<el-tag </el-tag>
v-else-if="scope.row.status==2&&scope.row.types!=1" <el-tag
type="danger" v-else-if="scope.row.status == 2 && scope.row.types != 1"
class="mx-1" type="danger"
effect="plain" class="mx-1"
round effect="plain"
> round
发表 >
</el-tag> 发表
<el-tag </el-tag>
v-else-if="scope.row.status==3" <el-tag
type="success" v-else-if="scope.row.status == 3"
class="mx-1" type="success"
effect="plain" class="mx-1"
round effect="plain"
> round
审批中 >
</el-tag> 审批中
<el-tag </el-tag>
v-else-if="scope.row.status==4" <el-tag
type="info" v-else-if="scope.row.status == 4"
class="mx-1" type="info"
effect="plain" class="mx-1"
round effect="plain"
> round
归档 >
</el-tag> 归档
<el-tag </el-tag>
v-else <el-tag v-else type="info" class="mx-1" effect="plain" round> 删除 </el-tag>
type="info" </template>
class="mx-1" </el-table-column>
effect="plain" <el-table-column label="任务性质" prop="currentStep" width="130" align="center">
round <template #default="scope">
> <el-tag
删除 v-if="scope.row.types == 1"
</el-tag> type="danger"
</template> class="mx-1"
effect="plain"
</el-table-column> round
<el-table-column label="任务性质" prop="currentStep" width="130" align="center"> >
<template #default="scope"> 流程任务
<el-tag </el-tag>
v-if="scope.row.types==1" <el-tag v-else class="mx-1" effect="plain" round> 普通任务 </el-tag>
type="danger" </template>
class="mx-1" </el-table-column>
effect="plain" <el-table-column fixed="right" align="center" label="操作" width="200">
round <template #default="scope">
> <el-button-group>
流程任务 <el-tooltip
</el-tag> v-if="scope.row.types == 1 && scope.row.status == 1"
<el-tag class="box-item"
v-else effect="dark"
class="mx-1" content="提交审批"
effect="plain" placement="top-end"
round >
> <el-button
普通任务 type="success"
</el-tag> size="small"
class="fa fa-send-o"
</template> @click="submitApproval(scope.row)"
</el-table-column> />
<el-table-column fixed="right" align="center" label="操作" width="200" > </el-tooltip>
<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 <el-tooltip
v-if="scope.row.types==1&&scope.row.status==2" v-if="scope.row.types == 1 && scope.row.status == 2"
class="box-item" class="box-item"
effect="dark" effect="dark"
content="重新申请" content="重新申请"
placement="top-end" placement="top-end"
> >
<el-button type="warning" size="small" class="fa fa-retweet" @click="afreshSendFlow(scope.row)" /> <el-button
</el-tooltip> type="warning"
<el-tooltip size="small"
class="box-item" class="fa fa-retweet"
effect="dark" @click="afreshSendFlow(scope.row)"
content="查看详情" />
placement="top-end" </el-tooltip>
> <el-tooltip
<el-button @click="lookPageInfo(scope.row)" type="primary" size="small" class="fa fa-eye" /> class="box-item"
</el-tooltip> effect="dark"
<el-popconfirm content="查看详情"
v-if="scope.row.types==1&&scope.row.isRetract" placement="top-end"
confirm-button-text="确定" >
cancel-button-text="取消" <el-button
:icon="QuestionFilled" @click="lookPageInfo(scope.row)"
icon-color="#F56C6C" type="primary"
title="您确定要撤回此次申请?一经撤回!需要此流程重新提交申请!" size="small"
@confirm="withdrawApplication (scope.row)" class="fa fa-eye"
@cancel="cancelEvent(scope.row)" />
> </el-tooltip>
<template #reference> <el-popconfirm
<el-button size="small" class="fa fa-reply-all" /> v-if="scope.row.types == 1 && scope.row.isRetract"
</template> confirm-button-text="确定"
</el-popconfirm> cancel-button-text="取消"
<el-tooltip :icon="QuestionFilled"
v-if="scope.row.types==2" icon-color="#F56C6C"
class="box-item" title="您确定要撤回此次申请?一经撤回!需要此流程重新提交申请!"
effect="dark" @confirm="withdrawApplication(scope.row)"
content="编辑" @cancel="cancelEvent(scope.row)"
placement="top-end" >
> <template #reference>
<el-button @click="editInfo(scope.row)" type="info" size="small" class="fa fa-edit" /> <el-button size="small" class="fa fa-reply-all" />
</el-tooltip> </template>
<el-popconfirm </el-popconfirm>
v-if="scope.row.status==2||scope.row.status==1" <el-tooltip
confirm-button-text="确定" v-if="scope.row.types == 2"
cancel-button-text="取消" class="box-item"
:icon="QuestionFilled" effect="dark"
icon-color="#F56C6C" content="编辑"
title="您确定要删除此条记录?一经删除!数据将不可恢复!" placement="top-end"
@confirm="confirmEvent(scope.row)" >
@cancel="cancelEvent(scope.row)" <el-button
> @click="editInfo(scope.row)"
<template #reference> type="info"
<el-button type="danger" size="small" class="fa fa-trash-o" /> size="small"
</template> class="fa fa-edit"
</el-popconfirm> />
</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 <FormPageCont
v-if="scope.row.types==1&&scope.row.status==4" v-model:is-show="lookPageInfoIsShow"
class="box-item" :drawer-with="props.drawerWith"
effect="dark" :page-info="pageInfoCont"
content="申请修改" :table-page-class="tablePageClass"
placement="top-end" :oper-state="operState"
> @getPageData="getToDoList"
<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>
<TableFlow
v-model:isopen="openTaskDrawer"
<FormPageCont v-model:is-show="lookPageInfoIsShow" :drawer-with="props.drawerWith" :page-info="pageInfoCont" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getToDoList" /> :versionid="props.versionid"
:versiontitle="props.versiontitle"
<TableFlow v-model:isopen="openTaskDrawer" :versionid="props.versionid" :versiontitle="props.versiontitle" :drawerwith="props.drawerWith" :pick-app-menu="pickAppMenu" @searchquery="getListData" /> :drawerwith="props.drawerWith"
:pick-app-menu="pickAppMenu"
@searchquery="getListData"
/>
</div> </div>
</div> </div>
</template> </template>
<style lang='scss' scoped> <style lang="scss" scoped>
.app_box{ .app_box {
width:100%; width: 100%;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
.search{ .search {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.titleBox{ .titleBox {
font-size: 20px; font-size: 20px;
margin-top: -20px; margin-top: -20px;
} }
} }
.box-card { .box-card {
width: 100%; width: 100%;
} }
.table_box{ .table_box {
width: 100%; width: 100%;
height: calc(100vh - 260px); height: calc(100vh - 260px);
} }
</style> </style>

Loading…
Cancel
Save