herenshan112
/
hxgksystemapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat: 新功能

v3
超级管理员 2 years ago
parent
61f8699d79
commit
7061af996e
1 changed files with 239 additions and 214 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 453
      src/views/taskplatform/taskmanagement/drafts.vue

453
src/views/taskplatform/taskmanagement/drafts.vue
View File

@ -3,237 +3,262 @@
@ 时间: 2023-11-24 08:10:23 @ 时间: 2023-11-24 08:10:23
@ 备注: 草稿箱 @ 备注: 草稿箱
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { Delete, Edit, Search, Share, Upload,View } from '@element-plus/icons-vue' import {
import { taskFlowList,delRunFlow } from '@/api/DesignForm/requestapi' Delete,
import { taskflowquery } from '@/api/DesignForm/type' Edit,
Search,
Share,
Upload,
View,
} from "@element-plus/icons-vue";
import { taskFlowList, delRunFlow } from "@/api/DesignForm/requestapi";
import { taskflowquery } from "@/api/DesignForm/type";
import LookAndOperateLogInfo from '@/views/taskplatform/taskmanagement/lookFlowInfo.vue' import LookAndOperateLogInfo from "@/views/taskplatform/taskmanagement/lookFlowInfo.vue";
const selectInfoDr = reactive<taskflowquery>({ const selectInfoDr = reactive<taskflowquery>({
page: 1, page: 1,
pagesize: 20, pagesize: 20,
class: 1, class: 1,
state:1 state: 1,
}) });
const loadingDr = ref(false) const loadingDr = ref(false);
const searckFormRefdr = ref(ElForm); const searckFormRefdr = ref(ElForm);
const totalsdr = ref<number>(0) //总共多少条记录 const totalsdr = ref<number>(0); //总共多少条记录
const taskFlowAryDr = ref<any>([]) //记录数组 const taskFlowAryDr = ref<any>([]); //记录数组
//获取我的请求 //获取我的请求
const getToDoListDr = () => { const getToDoListDr = () => {
loadingDr.value = true loadingDr.value = true;
taskFlowList(selectInfoDr) taskFlowList(selectInfoDr)
.then((data:any)=>{ .then((data: any) => {
console.log("获取我的请求",data) console.log("获取我的请求", data);
totalsdr.value = data.data.total totalsdr.value = data.data.total;
taskFlowAryDr.value = data.data.list taskFlowAryDr.value = data.data.list;
}) })
.finally(()=>{ .finally(() => {
loadingDr.value = false loadingDr.value = false;
}) });
} };
//重置表单 //重置表单
const resetQueryDr = () =>{ const resetQueryDr = () => {
searckFormRefdr.value.resetFields(); searckFormRefdr.value.resetFields();
initDataDr(); initDataDr();
} };
//初始化数据 //初始化数据
const initDataDr = () =>{ const initDataDr = () => {
selectInfoDr.page = 1; selectInfoDr.page = 1;
selectInfoDr.pagesize = 15; selectInfoDr.pagesize = 15;
selectInfoDr.title = "" selectInfoDr.title = "";
selectInfoDr.class = 1; selectInfoDr.class = 1;
selectInfoDr.state = 1; selectInfoDr.state = 1;
} };
onMounted(()=>{ onMounted(() => {
getToDoListDr(); getToDoListDr();
}) });
/** /**
* 删除工作流 * 删除工作流
*/ */
const delFlowForm = (val:any) => { const delFlowForm = (val: any) => {
ElMessageBox.confirm(
ElMessageBox.confirm( "您确定要删除此内容？一经删除！内容将不可恢复！",
"您确定要删除此内容？一经删除！内容将不可恢复！", "Warning",
'Warning', {
{ confirmButtonText: "确定",
confirmButtonText: '确定', cancelButtonText: "取消",
cancelButtonText: '取消', type: "warning",
type: 'warning', }
} )
) .then(() => {
.then(() => { let sendInfo = {
id: val.idStr,
let sendInfo = { status: 5,
id: val.idStr, };
status: 5 delRunFlow(sendInfo).then((data) => {
} getToDoListDr();
delRunFlow(sendInfo) ElMessage({
.then((data)=>{ message: "删除成功！",
getToDoListDr(); type: "success",
ElMessage({ });
message: '删除成功！', });
type: 'success' })
}) .catch(() => {});
}) };
}) const myappbox = ref();
.catch(() => {}) const darwOpenOrClose = ref(false);
const operState = ref<number>(1); //操作状态 1：新增；2：重新发起；3：申请修改；4：提交审批
} const drawerMyWith = ref<number>(0); //页面宽度
const myappbox = ref() const flowLogInfo = ref<any>();
const darwOpenOrClose = ref(false) const versionId = ref<string>(); //使用版本
const operState = ref<number>(1) //操作状态 1：新增；2：重新发起；3：申请修改；4：提交审批 const inFoid = ref<string>();
const drawerMyWith = ref<number>(0); //页面宽度
const flowLogInfo = ref<any>()
const versionId = ref<string>() //使用版本
const inFoid = ref<string>()
//编辑表单 //编辑表单
const editFlow = (val:any) => { const editFlow = (val: any) => {
operState.value = 4 operState.value = 4;
drawerMyWith.value = myappbox.value?.clientWidth drawerMyWith.value = myappbox.value?.clientWidth;
flowLogInfo.value = val flowLogInfo.value = val;
versionId.value = val.version versionId.value = val.version;
darwOpenOrClose.value = true darwOpenOrClose.value = true;
inFoid.value = val.idStr inFoid.value = val.idStr;
} };
</script> </script>
<template> <template>
<div ref="myappbox" class="app_box"> <div ref="myappbox" class="app_box">
<div class="app-container"> <div class="app-container">
<div class="search"> <div class="search">
<el-form ref="searckFormRefdr" :model="selectInfoDr" :inline="true"> <el-form ref="searckFormRefdr" :model="selectInfoDr" :inline="true">
<el-form-item label="任务标题" prop="name"> <el-form-item label="任务标题" prop="name">
<el-input <el-input
v-model="selectInfoDr.title" v-model="selectInfoDr.title"
placeholder="请输入任务标题" placeholder="请输入任务标题"
clearable clearable
@keyup.enter="searchQuery" @keyup.enter="searchQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="getToDoListDr()"><i-ep-search />搜索</el-button> <el-button type="primary" @click="getToDoListDr()"
<el-button @click="resetQueryDr()"><i-ep-refresh />重置</el-button> ><i-ep-search />搜索</el-button
</el-form-item> >
</el-form> <el-button @click="resetQueryDr()"><i-ep-refresh />重置</el-button>
</div> </el-form-item>
<el-card shadow="never"> </el-form>
<el-table </div>
v-loadingDr="loadingDr" <el-card shadow="never">
element-loadingDr-text="Loading..." <el-table
highlight-current-row v-loadingDr="loadingDr"
:data="taskFlowAryDr" element-loading-dr-text="Loading..."
border highlight-current-row
class="table_box" :data="taskFlowAryDr"
> border
<el-table-column fixed label="标题" prop="title" width="500" /> class="table_box"
<el-table-column label="创建人" prop="creater" width="200" > >
<template #default="scope"> <el-table-column fixed label="标题" prop="title" width="500" />
{{ scope.row.creatorInfo.name }}（<el-text type="info">{{ scope.row.creatorInfo.number }}</el-text>） <el-table-column label="创建人" prop="creater" width="200">
</template> <template #default="scope">
</el-table-column> {{ scope.row.creatorInfo.name }}（<el-text type="info">{{
<el-table-column label="发起日期" prop="startDate" align="center" width="300" /> scope.row.creatorInfo.number
<el-table-column label="状态" prop="status" align="center" width="220" > }}</el-text
>）
<template #default="scope"> </template>
<el-tag </el-table-column>
v-if="scope.row.status==1" <el-table-column label="发起日期" prop="startDate" align="center" />
class="mx-1" <el-table-column
effect="plain" label="状态"
round prop="status"
> align="center"
草稿 width="220"
</el-tag> >
<el-tag <template #default="scope">
v-else-if="scope.row.status==2" <el-tag
type="danger" v-if="scope.row.status == 1"
class="mx-1" class="mx-1"
effect="plain" effect="plain"
round round
> >
驳回 草稿
</el-tag> </el-tag>
<el-tag <el-tag
v-else-if="scope.row.status==3" v-else-if="scope.row.status == 2"
type="success" type="danger"
class="mx-1" class="mx-1"
effect="plain" effect="plain"
round round
> >
审批中 驳回
</el-tag> </el-tag>
<el-tag <el-tag
v-else-if="scope.row.status==4" v-else-if="scope.row.status == 3"
type="info" type="success"
class="mx-1" class="mx-1"
effect="plain" effect="plain"
round round
> >
归档 审批中
</el-tag> </el-tag>
<el-tag <el-tag
v-else v-else-if="scope.row.status == 4"
type="info" type="info"
class="mx-1" class="mx-1"
effect="plain" effect="plain"
round round
> >
删除 归档
</el-tag> </el-tag>
</template> <el-tag v-else type="info" class="mx-1" effect="plain" round>
删除
</el-table-column> </el-tag>
<el-table-column fixed="right" align="center" label="操作" width="150" > </template>
<template #default="scope"> </el-table-column>
<el-button-group> <el-table-column
<el-tooltip fixed="right"
class="box-item" align="center"
effect="dark" label="操作"
content="编辑" width="150"
placement="top-end" >
> <template #default="scope">
<el-button type="warning" size="small" class="fa fa-edit" @click="editFlow(scope.row)" /> <el-button-group>
</el-tooltip> <el-tooltip
<el-tooltip class="box-item"
class="box-item" effect="dark"
effect="dark" content="编辑"
content="删除" placement="top-end"
placement="top-end" >
> <el-button
<el-button type="danger" size="small" class="fa fa-trash-o" @click="delFlowForm(scope.row)" /> type="warning"
</el-tooltip> size="small"
</el-button-group> class="fa fa-edit"
</template> @click="editFlow(scope.row)"
</el-table-column> />
</el-table> </el-tooltip>
<pagination <el-tooltip
v-model:total="totalsdr" class="box-item"
v-model:page="selectInfoDr.page" effect="dark"
v-model:limit="selectInfoDr.pagesize" content="删除"
@pagination="getToDoListDr" placement="top-end"
/> >
</el-card> <el-button
type="danger"
size="small"
class="fa fa-trash-o"
<LookAndOperateLogInfo v-if="darwOpenOrClose" v-model:isshow="darwOpenOrClose" :flow-log-info="flowLogInfo" :drawer-with="drawerMyWith" :infoid="inFoid" :oper-state="operState" @getmytodolist="getMyToDoList" /> @click="delFlowForm(scope.row)"
/>
</el-tooltip>
</el-button-group>
</template>
</el-table-column>
</el-table>
<pagination
v-model:total="totalsdr"
v-model:page="selectInfoDr.page"
v-model:limit="selectInfoDr.pagesize"
@pagination="getToDoListDr"
/>
</el-card>
<LookAndOperateLogInfo
</div> v-if="darwOpenOrClose"
</div> v-model:isshow="darwOpenOrClose"
:flow-log-info="flowLogInfo"
:drawer-with="drawerMyWith"
:infoid="inFoid"
:oper-state="operState"
@getmytodolist="getMyToDoList"
/>
</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;
} }
.box-card { .box-card {
width: 100%; width: 100%;
} }
.table_box{
width: 100%; .table_box {
height: calc(100vh - 308px); width: 100%;
height: calc(100vh - 308px);
} }
</style> </style>

Write Preview
Loading…
Cancel
Save