1.ixug流程

src/api/process/index.ts

@@ -29,4 +29,21 @@ export function claim(config : Object) {
 		method: 'PUT',
 		data: config
 	})
-}
+}
+
+export function getProcessNodeInfo(config : Object) { // 获取节点信息
+	return http({
+		url: '/process/extActProcessNode/getProcessNodeInfo',
+		method: 'GET',
+		data: config
+	})
+}
+
+export function getHisProcessNodeInfo(config : Object) { // 获取历史节点信息
+	return http({
+		url: '/process/extActProcessNode/getHisProcessNodeInfo',
+		method: 'GET',
+		data: config
+	})
+}
+

src/pages/process/approvalTabbar.vue

@@ -8,11 +8,7 @@
 	}
 </route>
 <template>
-	<view :class="{ 'gray': appStore.isGray == 1 }">
+	<PageLayout nav-title="运行流程" >
-		<wd-navbar left-text="返回" left-arrow
-			custom-style="padding-top: var(--status-bar-height, 0); background-image: linear-gradient(to right, #1890ff, #096dd9); color: #fff;"
-			@click-left="handleClickLeft">
-		</wd-navbar>
 		<wd-tabs v-model="tab" swipeable color="#39b54a" autoLineWidth>
 		    <wd-tab  title="我的任务">
 		      <myTask></myTask>
@@ -21,8 +17,7 @@
 			  <view class="content">内容1</view>
 			</wd-tab>
 		</wd-tabs>
-
+	</PageLayout>
-	</view>
 </template>
 
 <script setup lang="ts">
@@ -40,9 +35,6 @@
 	const appStore = useAppStore();
 	const tab = ref(0)
 	
-	const handleClickLeft = () => {
-		uni.navigateBack()
-	}
 	
 </script>
 

src/pages/process/components/myTask.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script setup lang="ts">
-	import { taskListApi,claim } from '@/api/process/api'
+	import { taskListApi,claim } from '@/api/process'
 	import {
 		ref
 	} from 'vue'

src/pages/process/taskHandle.vue

@@ -8,11 +8,7 @@
 	}
 </route>
 <template>
-	<view :class="{ 'gray': appStore.isGray == 1 }">
+	<PageLayout nav-title="流程办理">
-		<wd-navbar left-text="返回" left-arrow
-			custom-style="padding-top: var(--status-bar-height, 0); background-image: linear-gradient(to right, #1890ff, #096dd9); color: #fff;"
-			@click-left="handleClickLeft">
-		</wd-navbar>
 		<wd-tabs v-model="tab" swipeable color="#39b54a" autoLineWidth>
 		    <wd-tab  title="单据">
 		    </wd-tab>
@@ -20,10 +16,10 @@
 			  <view class="content">内容2</view>
 			</wd-tab>
 			<wd-tab title="流程图">
-				<view class="content">内容3</view>
+				<img :src="imgPath" style="border:2px;cursor:hand;" alt="流程图" usemap="#planetmap">
 			</wd-tab>
 		</wd-tabs>
-	</view>
+	</PageLayout>
 </template>
 
 <script setup lang="ts">
@@ -40,6 +36,17 @@
 	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)
 	
@@ -50,8 +57,37 @@
 	
 
 	onLoad((options) => {
-		console.log(JSON.parse(options.data))
+		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>