|
|
@ -9,7 +9,7 @@ import OrgUserPage from "@/views/public/orguser/orguser.vue" |
|
|
import OrgAllUserPage from "@/views/public/orguser/orgalluser.vue" |
|
|
import OrgAllUserPage from "@/views/public/orguser/orgalluser.vue" |
|
|
|
|
|
|
|
|
// import { nodeFlow,conditionInfo,nodelPeoples } from '@/api/taskapi/types' |
|
|
// import { nodeFlow,conditionInfo,nodelPeoples } from '@/api/taskapi/types' |
|
|
import { gainRunTaskFlow } from '@/api/DesignForm/requestapi' |
|
|
import { gainRunTaskFlow,submitApprovalResults } from '@/api/DesignForm/requestapi' |
|
|
//引入图标 |
|
|
//引入图标 |
|
|
import squareUrlOne from "@/assets/images/1.png" |
|
|
import squareUrlOne from "@/assets/images/1.png" |
|
|
import squareUrlTwo from "@/assets/images/2.png" |
|
|
import squareUrlTwo from "@/assets/images/2.png" |
|
|
@ -37,6 +37,7 @@ const openclosebox = ref(false) //开启全部人员选择 |
|
|
const presetPersonnel = ref<any>([]); //预设选择人 |
|
|
const presetPersonnel = ref<any>([]); //预设选择人 |
|
|
const selectedPeople = ref<any>([]); //已选择人 |
|
|
const selectedPeople = ref<any>([]); //已选择人 |
|
|
const flowOpinion = ref(false) //是否可以写评论 |
|
|
const flowOpinion = ref(false) //是否可以写评论 |
|
|
|
|
|
const currentStep = ref<number>(props.currentProgress) |
|
|
|
|
|
|
|
|
const flowMaps = ref<any[]>(); |
|
|
const flowMaps = ref<any[]>(); |
|
|
|
|
|
|
|
|
@ -48,9 +49,10 @@ const gainRunFlowTask = () =>{ |
|
|
} |
|
|
} |
|
|
gainRunTaskFlow(sendInfo) |
|
|
gainRunTaskFlow(sendInfo) |
|
|
.then((data:any) =>{ |
|
|
.then((data:any) =>{ |
|
|
// console.log("获取流程----->",data) |
|
|
console.log("获取流程----->",data) |
|
|
flowMaps.value = data.data.flowList |
|
|
flowMaps.value = data.data.flowList |
|
|
flowOpinion.value = data.data.operational |
|
|
flowOpinion.value = data.data.operational |
|
|
|
|
|
currentStep.value = data.data.current_step |
|
|
}) |
|
|
}) |
|
|
.finally(()=>{ |
|
|
.finally(()=>{ |
|
|
flowLoading.value = false |
|
|
flowLoading.value = false |
|
|
@ -96,6 +98,22 @@ const sendFlowInfo = ref<string>() //审批意见 |
|
|
//提交审批 |
|
|
//提交审批 |
|
|
const yesOrNo = (val:string,agreeOrRefuse:number) =>{ |
|
|
const yesOrNo = (val:string,agreeOrRefuse:number) =>{ |
|
|
console.log("提交审批----1111->",val,agreeOrRefuse,sendFlowInfo.value) |
|
|
console.log("提交审批----1111->",val,agreeOrRefuse,sendFlowInfo.value) |
|
|
|
|
|
let sendInfo = { |
|
|
|
|
|
id:props.flowKey, |
|
|
|
|
|
agreeOrRefuse:agreeOrRefuse, |
|
|
|
|
|
suggest:sendFlowInfo.value, |
|
|
|
|
|
flowlist:flowMaps.value |
|
|
|
|
|
} |
|
|
|
|
|
submitApprovalResults(sendInfo) |
|
|
|
|
|
.then((data:any)=>{ |
|
|
|
|
|
|
|
|
|
|
|
console.log("提交审批----22222->",data) |
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
|
.finally(()=>{ |
|
|
|
|
|
gainRunFlowTask() |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<template> |
|
|
<template> |
|
|
@ -105,7 +123,7 @@ const yesOrNo = (val:string,agreeOrRefuse:number) =>{ |
|
|
<el-text size="large">审批流程</el-text> |
|
|
<el-text size="large">审批流程</el-text> |
|
|
</el-affix> |
|
|
</el-affix> |
|
|
|
|
|
|
|
|
<el-steps v-loading="flowLoading" element-loading-text="Loading..." direction="vertical" :active="props.currentProgress"> |
|
|
<el-steps v-loading="flowLoading" element-loading-text="Loading..." direction="vertical" :active="currentStep"> |
|
|
<el-step v-for="item in flowMaps" :key="item.step"> |
|
|
<el-step v-for="item in flowMaps" :key="item.step"> |
|
|
<template #title> |
|
|
<template #title> |
|
|
{{ item.nodeName }} |
|
|
{{ item.nodeName }} |
|
|
@ -129,13 +147,13 @@ const yesOrNo = (val:string,agreeOrRefuse:number) =>{ |
|
|
<ul> |
|
|
<ul> |
|
|
<li v-for="(logItem,logIndex) in items.log" :key="logIndex" class="logLi"> |
|
|
<li v-for="(logItem,logIndex) in items.log" :key="logIndex" class="logLi"> |
|
|
<el-text v-if="logItem.state==2" type="success"> |
|
|
<el-text v-if="logItem.state==2" type="success"> |
|
|
<span v-if="logItem.cause">logItem.cause</span><span v-else>已同意</span> |
|
|
<span v-if="logItem.cause">{{logItem.cause}}</span><span v-else>已同意</span> |
|
|
</el-text> |
|
|
</el-text> |
|
|
<el-text v-else-if="logItem.state==3" type="danger"> |
|
|
<el-text v-else-if="logItem.state==3" type="danger"> |
|
|
<span v-if="logItem.cause">logItem.cause</span><span v-else>已驳回</span> |
|
|
<span v-if="logItem.cause">{{logItem.cause}}</span><span v-else>已驳回</span> |
|
|
</el-text> |
|
|
</el-text> |
|
|
<el-text v-else> |
|
|
<el-text v-else> |
|
|
<span v-if="logItem.cause">logItem.cause</span><span v-else>未操作</span> |
|
|
<span v-if="logItem.cause">{{logItem.cause}}</span><span v-else>未操作</span> |
|
|
</el-text> · {{ logItem.time }} |
|
|
</el-text> · {{ logItem.time }} |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
|