<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>