98 lines
2.0 KiB
Vue
98 lines
2.0 KiB
Vue
|
<route lang="json5" type="page">
|
||
|
|
{
|
||
|
|
layout: 'default',
|
||
|
|
style: {
|
||
|
|
navigationStyle: 'custom',
|
||
|
|
navigationBarTitleText: '任务处理',
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</route>
|
||
|
|
<template>
|
||
|
|
<PageLayout nav-title="流程办理">
|
||
|
|
<wd-tabs v-model="tab" swipeable color="#39b54a" autoLineWidth>
|
||
|
|
<wd-tab title="单据">
|
||
|
|
</wd-tab>
|
||
|
|
<wd-tab title="任务处理">
|
||
|
|
<view class="content">内容2</view>
|
||
|
|
</wd-tab>
|
||
|
|
<wd-tab title="流程图">
|
||
|
|
<img :src="imgPath" style="border:2px;cursor:hand;" alt="流程图" usemap="#planetmap">
|
||
|
|
</wd-tab>
|
||
|
|
</wd-tabs>
|
||
|
|
</PageLayout>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import {
|
||
|
|
ref
|
||
|
|
} from 'vue'
|
||
|
|
import {
|
||
|
|
onLoad,
|
||
|
|
onShow,
|
||
|
|
onReachBottom,
|
||
|
|
onPullDownRefresh
|
||
|
|
} from '@dcloudio/uni-app';
|
||
|
|
import { useToast, useMessage } from 'wot-design-uni'
|
||
|
|
import {
|
||
|
|
useAppStore
|
||
|
|
} from '@/store'
|
||
|
|
import {
|
||
|
|
getProcessNodeInfo,
|
||
|
|
getHisProcessNodeInfo
|
||
|
|
} from '@/api/process'
|
||
|
|
import {
|
||
|
|
getEnvBaseUrl
|
||
|
|
} from '@/utils/index'
|
||
|
|
import { json } from 'stream/consumers';
|
||
|
|
|
||
|
|
const formData = ref({})
|
||
|
|
const path = ref('') //url路径
|
||
|
|
const appStore = useAppStore();
|
||
|
|
const tab = ref(0)
|
||
|
|
|
||
|
|
|
||
|
|
const handleClickLeft = () => {
|
||
|
|
uni.navigateBack()
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
onLoad((options) => {
|
||
|
|
let useData = JSON.parse(options.data);
|
||
|
|
console.log(123)
|
||
|
|
getProcessNodeInfo({taskId:useData.id}).then(res=>{
|
||
|
|
console.log(res)
|
||
|
|
if(res.success){
|
||
|
|
let data = {
|
||
|
|
dataId:res.result.dataId,
|
||
|
|
taskId:useData.id,
|
||
|
|
taskDefKey:useData.taskId,
|
||
|
|
procInsId:useData.processInstanceId,
|
||
|
|
tableName:res.result.tableName,
|
||
|
|
permissionList:res.result.permissionList,
|
||
|
|
vars:res.result.records
|
||
|
|
}
|
||
|
|
formData.value = data;//流程信息
|
||
|
|
|
||
|
|
let tempFormUrl = res.result.formUrlMobile;
|
||
|
|
|
||
|
|
path.value = tempFormUrl; //url路径
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
const imgPath = () => {
|
||
|
|
var params = JSON.stringify({
|
||
|
|
'processInstanceId': formData.procInsId
|
||
|
|
})
|
||
|
|
let url = `${getEnvBaseUrl()}/act/task/traceImage?${params}`;
|
||
|
|
console.log(url)
|
||
|
|
return url;
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
::v-deep .wd-tabs__line{
|
||
|
|
background: #39b54a;
|
||
|
|
}
|
||
|
|
</style>
|