feat: 审核、审核详情、流程图、开发管理审核--暂存1

@@ -24,4 +24,13 @@ export function taskListApi(params) {
     method: 'get',
     params
   })
+}
+
+//  根据流程实例ID获取审批链路（流程图 已审批和当前审批节点，未审批节点不返回）
+export function getFlowLinkByInstanceIdApi(params) {
+  return request({
+    url: `/flow/task/getFlowLinkByInstanceId`,
+    method: 'get',
+    params
+  })
 }
\ No newline at end of file

+<template>
+  <view class="timeline">
+    <view v-for="(s, i) in renderNodeList" :key="i" class="node">
+      <view :class="['dot', s.active ? 'active' : '', !s.isFinish && isEnd && s.nodeName == '结束' ? 'red' : '']" />
+      <view class="line" />
+      <view class="content">
+        <view class="row">
+          <text class="name">{{ s.nodeCode === 'start' ? s.createBy : (s.nodeName + (s.createBy ? '-' + s.createBy :
+            '')) }}</text>
+          <text class="time">{{ s.createTime }}</text>
+        </view>
+        <view class="desc">{{ s.nodeCode === 'start' ? '发起' : (s.approvalDesc + (s.message ? ':' : '') + s.message) }}
+        </view>
+      </view>
+    </view>
+
+  </view>
+</template>
+<script>
+export default {
+  name: 'FlowTimeline',
+  props: {
+    nodeList: { type: Array, default: () => [] },
+    isEnd: { type: Boolean, default: false }
+  },
+  data() {
+    return { renderNodeList: [] }
+  },
+  watch: {
+    isEnd: {
+      immediate: true,
+      handler() {
+        this.updateRenderNodeList()
+      }
+    }
+  },
+  methods: {
+    updateRenderNodeList() {
+      this.renderNodeList = [];
+      let base = [...this.nodeList];
+      console.log('updateRenderNodeList__base', base)
+      console.log('updateRenderNodeList__this.isEnd', this.isEnd)
+      if (this.isEnd) {
+        const lastNode = base[base.length - 1] || {};
+        console.log('updateRenderNodeList__lastNode', lastNode)
+        const pass = lastNode.approval === 1;
+        // 审批结果（1：通过；2：退回；3：撤回；4：反对；5：终止）
+        base.push({ nodeName: pass ? '完成' : '结束', active: false, isFinish: pass });
+      } else {
+        if (base.length) {
+          base[base.length - 1].active = true;
+        }
+      }
+      this.renderNodeList = base.map(item => {
+        return {
+          approval: item.approval || 0,
+          approvalDesc: item.approvalDesc || '',
+          createBy: item.createBy || '',
+          createTime: item.createTime || '',
+          message: item.message || '',
+          nodeCode: item.nodeCode || '',
+          nodeName: item.nodeName || '',
+          active: item.active || false,
+          isFinish: item.approval === 1
+        }
+      }) || []
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.timeline {
+  background: #fff;
+  padding: 26rpx 32rpx;
+
+  .node {
+    position: relative;
+    padding-left: 28rpx;
+    margin-bottom: 8rpx;
+
+    .dot {
+      position: absolute;
+      top: 14rpx;
+      left: 0;
+      width: 16rpx;
+      height: 16rpx;
+      border: 1px solid $theme-primary;
+      border-radius: 50%;
+      background: $theme-primary;
+
+      &.active {
+        background: #fff;
+      }
+
+      &.red {
+        background: #D54941;
+        border-color: #D54941;
+      }
+    }
+
+    .line {
+      position: absolute;
+      top: 52rpx;
+      left: 8rpx;
+      bottom: 0;
+      width: 2rpx;
+      background: #E7E7E7;
+      background: $theme-primary;
+    }
+
+    &:last-child {
+      .line {
+        background: transparent;
+      }
+    }
+
+    .content {
+      padding-left: 24rpx;
+      padding-bottom: 32rpx;
+
+      .row {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 8rpx;
+
+        .name {
+          color: rgba(0, 0, 0, 0.9);
+          font-size: 28rpx;
+          line-height: 44rpx;
+        }
+
+        .time {
+          color: rgba(0, 0, 0, 0.4);
+          font-size: 24rpx;
+          flex-shrink: 0;
+          line-height: 44rpx;
+        }
+      }
+
+      .desc {
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 24rpx;
+        line-height: 40rpx;
+      }
+
+    }
+  }
+}
+</style>
\ No newline at end of file

@@ -107,6 +107,22 @@
 			}
 		},
 		{
+			"path": "pages/flow/audit_detail",
+			"style": {
+				"navigationBarTitleText": "审核详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/flow/audit",
+			"style": {
+				"navigationBarTitleText": "审核",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
 			"path": "pages/contract_framework/index",
 			"style": {
 				"navigationBarTitleText": "框架合同",

@@ -610,9 +610,9 @@
 				padding: 0 14rpx;
 				border-radius: 6rpx;
 
-				&.status_1 {
-					background: #3D48A3;
-				}
+                &.status_1 {
+                    background: $theme-primary;
+                }
 
 				&.status_2 {
 					background: #2BA471;

+<template>
+  <view class="viewer">
+    <view class="title">{{ inner.customerName }}</view>
+    <view class="grid">
+      <view class="row"><text class="label">企业类型</text><uni-easyinput v-model="inner.enterpriseType" :inputBorder="false" /></view>
+      <view class="row"><text class="label">区域</text><uni-easyinput v-model="inner.region" :inputBorder="false" /></view>
+      <view class="row"><text class="label">客户分类</text><uni-easyinput v-model="inner.companySuggestedCategory" :inputBorder="false" /></view>
+      <view class="row"><text class="label">登记日期</text><uni-datetime-picker type="date" v-model="inner.registerDate" /></view>
+    </view>
+  </view>
+</template>
+<script>
+import { getDetailApi } from '@/api/devManage.js'
+export default {
+  name: 'CustomerDevelopViewer',
+  props: { id: { type: [String, Number], default: '' } },
+  data() {
+    return { inner: { customerName: '', enterpriseType: '', region: '', companySuggestedCategory: '', registerDate: '' } }
+  },
+  watch: {
+    id: { immediate: true, handler(v) { if (v) { this.fetch(v) } } }
+  },
+  methods: {
+    fetch(id) {
+      getDetailApi(id).then(res => {
+        const d = res && res.data ? res.data : {}
+        this.inner = {
+          customerName: d.customerName || d.name || '',
+          enterpriseType: d.enterpriseType || d.type || '',
+          region: d.region || d.area || '',
+          companySuggestedCategory: d.companySuggestedCategory || d.category || '',
+          registerDate: d.registerDate || d.createTime || ''
+        }
+      }).catch(() => {})
+    },
+    getFormValues() { return { id: this.id, ...this.inner } }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.viewer { background: #fff; padding: 24rpx }
+.title { font-size: 36rpx; font-weight: 600; color: #323241; margin-bottom: 24rpx }
+.grid { display: flex; flex-direction: column; gap: 20rpx }
+.row { display: flex; align-items: center; justify-content: space-between }
+.label { width: 220rpx; color: rgba(0,0,0,0.6); font-size: 28rpx }
+</style>
\ No newline at end of file

@@ -16,11 +16,11 @@
 			</view>
 		</view>
 
-		
+
 
 		<view class="list-box">
 			<CardList ref="cardRef" :fetchFn="fetchList" :query="query" :extra="extraParams" :enable-refresh="true"
-				:enable-load-more="true" row-key="id" @loaded="onLoaded" @error="onError">
+				:enable-load-more="true" row-key="instanceId" @loaded="onLoaded" @error="onError">
 				<template v-slot="{ item }">
 					<view class="card">
 						<view class="card-header">
@@ -38,8 +38,9 @@
 						<view class="footer">
 							<!-- completed true 已办 显示 审核详情按钮 -->
 							<!-- completed false 待办 显示 去审核按钮 -->
-							<button v-if="item.completed" class="btn" type="primary" plain @click.stop="onDetail(item)">审核详情</button>
-							<button class="btn" type="primary" plain @click.stop="onDetail(item)">去审核</button>
+							<button v-if="item.completed" class="btn" type="primary" plain
+								@click.stop="onGoDetail(item)">审核详情</button>
+							<button v-else class="btn" type="primary" plain @click.stop="onGoAudit(item)">去审核</button>
 						</view>
 					</view>
 				</template>
@@ -67,366 +68,390 @@
 </template>
 
 <script>
-	import CardList from '@/components/card/index.vue'
-	import FilterModal from '@/components/filter/index.vue'
-	import SingleSelectSheet from '@/components/single-select/index.vue'
-	import {
-		taskListApi,
-		statisticsCountApi
-	} from '@/api/flow.js'
-	import {
-		getDicByCodes
-	} from '@/utils/dic'
-	import {
-		getDicName
-	} from '@/utils/dic.js'
-
-	export default {
-		name: 'MyFlow',
-		components: {
-			CardList,
-			FilterModal,
-			SingleSelectSheet
-		},
-		data() {
-			return {
-				searchKeyword: '',
-				searchKeywordDebounced: '',
-				searchDebounceTimer: null,
-				tabValue: '1',
-				isCompleted: null,
-				tabs: [],
-				filterVisible: false,
-				filterForm: {
-					mode: '',
-					modeName: ''
-				},
-				modeSelectVisible: false,
-				modeOptions: [],
-				cardModeOptions: [],
-				query: {},
-				extraParams: {},
-				currentItems: []
-			}
-		},
-		created() {
-			this.loadModeOptions()
-			this.getStatisticsFun()
-		},
-		onReachBottom() {
-			if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
-				this.$refs.cardRef.onLoadMore()
-			}
-		},
-		watch: {},
-		methods: {
-			onSearchInput(val) {
-				if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
-				this.searchDebounceTimer = setTimeout(() => {
-					this.searchKeywordDebounced = this.searchKeyword
-					this.searchDebounceTimer = null
-					this.extraParams = {
-						searchKey: this.searchKeywordDebounced || '',
-						mode: this.filterForm.mode || '',
-						isCompleted: this.isCompleted
-					}
-				}, 800)
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import {
+	taskListApi,
+	statisticsCountApi
+} from '@/api/flow.js'
+import {
+	getDicByCodes
+} from '@/utils/dic'
+import {
+	getDicName
+} from '@/utils/dic.js'
+
+export default {
+	name: 'MyFlow',
+	components: {
+		CardList,
+		FilterModal,
+		SingleSelectSheet
+	},
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			tabValue: '1',
+			isCompleted: null,
+			tabs: [],
+			filterVisible: false,
+			filterForm: {
+				mode: '',
+				modeName: ''
 			},
-			onSearchConfirm(e) {
-				const val = e && e.value != null ? e.value : this.searchKeyword
-				this.searchKeyword = val
-				this.searchKeywordDebounced = val
+			modeSelectVisible: false,
+			modeOptions: [],
+			cardModeOptions: [],
+			query: {},
+			extraParams: {},
+			currentItems: []
+		}
+	},
+	created() {
+		this.loadModeOptions()
+		this.getStatisticsFun()
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	watch: {},
+	methods: {
+		onSearchInput(val) {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
 				this.extraParams = {
 					searchKey: this.searchKeywordDebounced || '',
 					mode: this.filterForm.mode || '',
 					isCompleted: this.isCompleted
 				}
-			},
-			openFilter() {
-				this.filterVisible = true
-			},
-			onFilterReset(payload) {
-				this.filterForm = payload
-			},
-			onFilterConfirm(payload) {
-				// 兜底：部分端可能未同步 v-model
-				if ((payload.mode === '' || payload.mode == null) && this.filterForm.mode !== '') {
-					payload.mode = this.filterForm.mode
-					payload.modeName = this.filterForm.modeName
-				}
-				this.filterForm = payload
-				// 仅在确认时更新给 CardList 的条件
-				this.extraParams = {
-					searchKey: this.searchKeywordDebounced || '',
-					mode: payload.mode || '',
-					isCompleted: this.isCompleted
-				}
-				this.filterVisible = false
-			},
-			openModeSelect() {
-				this.modeSelectVisible = true
-			},
-			onModeConfirm({
-				value,
-				label
-			}) {
-				this.filterForm.mode = value || '';
-				this.filterForm.modeName = label || '';
-			},
-			onLoaded({
-				items
-			}) {
-				this.currentItems = items || []
-			},
-			onError() {
-				uni.showToast({
-					title: '列表加载失败',
-					icon: 'none'
-				})
-			},
-			async loadModeOptions() {
-				try {
-					const dicCodes = ['PROCESS_MODE']
-					const results = await getDicByCodes(dicCodes)
-					const option = results.PROCESS_MODE.data || []
-					this.cardModeOptions = Array.isArray(option) ? option : [];
-					this.modeOptions = option.map(it => ({
-						label: it.name || '',
-						value: it.code || ''
-					}))
-				} catch (e) {
-					this.modeOptions = [];
-					this.cardModeOptions = [];
+			}, 800)
+		},
+		onSearchConfirm(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+			this.extraParams = {
+				searchKey: this.searchKeywordDebounced || '',
+				mode: this.filterForm.mode || '',
+				isCompleted: this.isCompleted
+			}
+		},
+		openFilter() {
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			// 兜底：部分端可能未同步 v-model
+			if ((payload.mode === '' || payload.mode == null) && this.filterForm.mode !== '') {
+				payload.mode = this.filterForm.mode
+				payload.modeName = this.filterForm.modeName
+			}
+			this.filterForm = payload
+			// 仅在确认时更新给 CardList 的条件
+			this.extraParams = {
+				searchKey: this.searchKeywordDebounced || '',
+				mode: payload.mode || '',
+				isCompleted: this.isCompleted
+			}
+			this.filterVisible = false
+		},
+		openModeSelect() {
+			this.modeSelectVisible = true
+		},
+		onModeConfirm({
+			value,
+			label
+		}) {
+			this.filterForm.mode = value || '';
+			this.filterForm.modeName = label || '';
+		},
+		onLoaded({
+			items
+		}) {
+			this.currentItems = items || []
+		},
+		onError() {
+			uni.showToast({
+				title: '列表加载失败',
+				icon: 'none'
+			})
+		},
+		async loadModeOptions() {
+			try {
+				const dicCodes = ['PROCESS_MODE']
+				const results = await getDicByCodes(dicCodes)
+				const option = results.PROCESS_MODE.data || []
+				this.cardModeOptions = Array.isArray(option) ? option : [];
+				this.modeOptions = option.map(it => ({
+					label: it.name || '',
+					value: it.code || ''
+				}))
+			} catch (e) {
+				this.modeOptions = [];
+				this.cardModeOptions = [];
+			}
+		},
+		getStatisticsFun() {
+			statisticsCountApi().then((res) => {
+				this.tabs = [{
+					label: `全部（${res.data.allCount > 999 ? '999+' : res.data.allCount || 0}）`,
+					value: '1'
+				},
+				{
+					label: `待办（${res.data.todoCount > 999 ? '999+' : res.data.todoCount || 0}）`,
+					value: '2'
+				},
+				{
+					label: `已办（${res.data.completedCount > 999 ? '999+' : res.data.completedCount || 0}）`,
+					value: '3'
 				}
-			},
-			getStatisticsFun() {
-				statisticsCountApi().then((res) => {
-					this.tabs = [{
-							label: `全部（${res.data.allCount > 999 ? '999+' : res.data.allCount || 0}）`,
-							value: '1'
-						},
-						{
-							label: `待办（${res.data.todoCount > 999 ? '999+' : res.data.todoCount || 0}）`,
-							value: '2'
-						},
-						{
-							label: `已办（${res.data.completedCount > 999 ? '999+' : res.data.completedCount || 0}）`,
-							value: '3'
-						}
-					]
-				});
-			},
-			fetchList({
+				]
+			});
+		},
+		fetchList({
+			pageIndex,
+			pageSize,
+			query,
+			extra
+		}) {
+			const params = {
 				pageIndex,
 				pageSize,
-				query,
-				extra
-			}) {
-				const params = {
-					pageIndex,
-					pageSize,
-					...query,
-					...extra
+				...query,
+				...extra
+			}
+			return taskListApi(params).then(res => {
+				const _data = res.data || {}
+				const records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				return {
+					records,
+					totalCount,
+					hasNext
 				}
-				return taskListApi(params).then(res => {
-					const _data = res.data || {}
-					const records = _data.datas || _data.list || _data.records || []
-					const totalCount = _data.totalCount || _data.count || 0
-					const hasNext = _data.hasNext || false
-					return {
-						records,
-						totalCount,
-						hasNext
-					}
-				}).catch(() => {
-					this.onError()
-					return {
-						records: [],
-						totalCount: 0,
-						hasNext: false
-					}
-				})
-			},
-			onDetail(item) {
-				uni.showToast({
-					title: '审核详情',
-					icon: 'none'
-				})
-			},
-			getDicName: getDicName,
-			switchTab(item) {
-				this.tabValue = item.value;
-				this.isCompleted = item.value === '3' ? true : item.value === '2' ? false : null;
-				this.extraParams = {
-					searchKey: this.searchKeywordDebounced || '',
-					mode: this.filterForm.mode || '',
-					isCompleted: this.isCompleted
+			}).catch(() => {
+				this.onError()
+				return {
+					records: [],
+					totalCount: 0,
+					hasNext: false
 				}
-			},
-		}
+			})
+		},
+		onGoDetail(item) {
+			const CACHE_KEY = 'FLOW_AUDIT_CACHE';
+			console.log('onGoDetail___item', item)
+			const _ext = JSON.parse(item.ext || '{}');
+			const payload = {
+				taskId: item.taskId || '',
+				instanceId: item.instanceId || '',
+				businessId: item.businessId || '',
+				bizFlag: _ext.bizFlag || ''
+			}
+			uni.setStorageSync(CACHE_KEY, payload)
+			uni.navigateTo({ url: '/pages/flow/audit_detail' })
+		},
+		onGoAudit(item) {
+			const CACHE_KEY = 'FLOW_AUDIT_CACHE';
+			console.log('onGoAudit___item', item)
+			const _ext = JSON.parse(item.ext || '{}');
+			// todo 审批 在bizFlag值后面拼 _EDIT，这个配置一个新的审核组件
+			// 1.在映射的地方，如果审核和审批详情一样 就映射成同一个组件
+			// 2.在映射的地方，如果审核和审批详情不一样 就映射成两一个组件
+			const payload = {
+				taskId: item.taskId || '',
+				instanceId: item.instanceId || '',
+				businessId: item.businessId || '',
+				bizFlag: _ext.bizFlag + '_EDIT'
+			}
+			uni.setStorageSync(CACHE_KEY, payload)
+			uni.navigateTo({ url: '/pages/flow/audit' })
+		},
+		getDicName: getDicName,
+		switchTab(item) {
+			this.tabValue = item.value;
+			this.isCompleted = item.value === '3' ? true : item.value === '2' ? false : null;
+			this.extraParams = {
+				searchKey: this.searchKeywordDebounced || '',
+				mode: this.filterForm.mode || '',
+				isCompleted: this.isCompleted
+			}
+		},
 	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.page {
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-	}
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+}
+
+.search-row {
+	display: flex;
+	align-items: center;
+	padding: 16rpx 32rpx;
 
-	.fixed {
-		position: fixed;
-		top: 96rpx;
-		left: 0;
-		right: 0;
-		z-index: 2;
-		background: #fff;
+	.tool-icon {
+		width: 48rpx;
+		height: 48rpx;
+		margin-left: 16rpx;
 	}
 
-	.search-row {
-		display: flex;
-		align-items: center;
-		padding: 16rpx 32rpx;
+	.uni-searchbar {
+		padding: 0;
+		flex: 1;
+	}
+}
 
-		.tool-icon {
-			width: 48rpx;
-			height: 48rpx;
-			margin-left: 16rpx;
-		}
+/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
 
-		.uni-searchbar {
-			padding: 0;
-			flex: 1;
-		}
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
 	}
+}
 
-	/* 仅当前页覆盖 uni-search-bar 盒子高度 */
-	::v-deep .uni-searchbar__box {
-		height: 80rpx !important;
-		justify-content: start;
+.tabs {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 26rpx 34rpx;
 
-		.uni-searchbar__box-search-input {
-			font-size: 32rpx !important;
-		}
+	.tab {
+		width: 180rpx;
+		text-align: center;
+		color: #666;
+		color: rgba(0, 0, 0, 0.9);
+		line-height: 44rpx;
+		position: relative;
 	}
 
-	.tabs {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 26rpx 34rpx;
+	.tab.active {
+		color: $theme-primary;
+		font-weight: 600;
+	}
 
-		.tab {
-			width: 180rpx;
-			text-align: center;
-			color: #666;
-			color: rgba(0, 0, 0, 0.9);
-			line-height: 44rpx;
-			position: relative;
-		}
+	.tab.active::after {
+		content: '';
+		position: absolute;
+		left: 50%;
+		transform: translateX(-50%);
+		bottom: -13px;
+		width: 32rpx;
+		height: 6rpx;
+		border-radius: 4rpx;
+		background: $theme-primary;
+	}
+}
 
-		.tab.active {
-			color: $theme-primary;
-			font-weight: 600;
-		}
+.list-box {
+	flex: 1;
+	padding: 236rpx 0 0
+}
 
-		.tab.active::after {
-			content: '';
-			position: absolute;
-			left: 50%;
-			transform: translateX(-50%);
-			bottom: -13px;
-			width: 32rpx;
-			height: 6rpx;
-			border-radius: 4rpx;
-			background: $theme-primary;
+.card {
+	.footer {
+		margin-top: 28rpx;
+		box-shadow: inset 0px 1px 0px 0px #E7E7E7;
+		padding-top: 22rpx;
+		display: flex;
+		justify-content: flex-end;
+
+		.btn {
+			height: 64rpx;
+			line-height: 60rpx;
+			font-size: 28rpx;
+			width: 160rpx;
+			margin-left: 22rpx;
+			margin-right: 0;
+			padding: 0;
 		}
 	}
 
-	.list-box {
-		flex: 1;
-		padding: 236rpx 0 0
-	}
+	.card-header {
+		margin-bottom: 28rpx;
 
-	.card {
-		.footer {
-			margin-top: 28rpx;
-			box-shadow: inset 0px 1px 0px 0px #E7E7E7;
-			padding-top: 22rpx;
-			display: flex;
-			justify-content: flex-end;
-			.btn {
-				height: 64rpx;
-				line-height: 60rpx;
-				font-size: 28rpx;
-				width: 160rpx;
-				margin-left: 22rpx;
-				margin-right: 0;
-				padding: 0;
-			}
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
 		}
+	}
 
-		.card-header {
-			margin-bottom: 28rpx;
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
 
-			.title {
-				font-size: 36rpx;
-				font-weight: 600;
-				line-height: 50rpx;
-				color: rgba(0,0,0,0.9);
-			}
+		&:last-child {
+			margin-bottom: 0;
 		}
 
-		.info-row {
-			display: flex;
-			align-items: center;
-			color: rgba(0, 0, 0, 0.6);
-			font-size: 28rpx;
-			margin-bottom: 24rpx;
+		text {
+			width: 60%;
+			line-height: 32rpx;
 
 			&:last-child {
-				margin-bottom: 0;
-			}
-
-			text {
-				width: 60%;
-				line-height: 32rpx;
-
-				&:last-child {
-					color: rgba(0, 0, 0, 0.9);
-					width: 40%;
-				}
+				color: rgba(0, 0, 0, 0.9);
+				width: 40%;
 			}
 		}
 	}
+}
 
-	.filter-form {
-		.form-item {
-			margin-bottom: 24rpx;
-		}
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
 
-		.label {
-			margin-bottom: 20rpx;
-			color: rgba(0, 0, 0, 0.9);
-			height: 44rpx;
-			line-height: 44rpx;
-			font-size: 30rpx;
-		}
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
 
-		.fake-select {
-			height: 80rpx;
-			line-height: 80rpx;
-			padding: 0 20rpx;
-			background: #f3f3f3;
-			border-radius: 12rpx;
+	.fake-select {
+		height: 80rpx;
+		line-height: 80rpx;
+		padding: 0 20rpx;
+		background: #f3f3f3;
+		border-radius: 12rpx;
 
-			.placeholder {
-				color: #999;
-			}
+		.placeholder {
+			color: #999;
+		}
 
-			.value {
-				color: #333;
-			}
+		.value {
+			color: #333;
 		}
 	}
+}
 </style>
\ No newline at end of file

+<template>
+	<view class="page">
+		<view class="fixed">
+			<view class="tabs" :class="[`${tab === 'base' ? 'bg1' : 'bg2'}`]">
+				<view :class="['tab', { active: tab === 'base' }]" @click="tab = 'base'">基础信息</view>
+				<view :class="['tab', { active: tab === 'flow' }]" @click="tab = 'flow'">流程</view>
+			</view>
+		</view>
+		<view class="body">
+			<view v-if="tab === 'base'">
+				<component :is="componentName" :id="auditCtx.businessId" ref="basicRef" />
+			</view>
+			<view v-else>
+				<FlowTimeline :nodeList="nodeList" :isEnd="isEnd" />
+			</view>
+		</view>
+		<view class="footer">
+			<button v-if="extraBtnText" class="btn extra" @click="onExtra">{{ extraBtnText }}</button>
+			<button class="btn reject" @click="onReject">驳回</button>
+			<button class="btn pass" type="primary" @click="onPass">通过</button>
+		</view>
+
+		<uni-popup ref="approvePopup" type="center" :mask-click="false">
+			<view class="action-modal">
+				<view class="action-modal_header">{{ approveType === 'PASS' ? '通过' : '驳回' }}</view>
+				<view class="action-modal_body">
+					<text class="tip">{{ approveType === 'PASS' ? '您将通过该信息的审核' : '您将驳回该信息的审核' }}</text>
+					<uni-easyinput v-model="approveComment"
+						:placeholder="approveType === 'PASS' ? '请输入通过原因' : '请输入驳回原因'" />
+				</view>
+				<view class="action-modal_footer">
+					<button class="btn cancel" @click="cancelApprove">取消</button>
+					<button class="btn confirm" type="primary" @click="confirmApprove">{{ approveType === 'PASS' ? '通过'
+						: '驳回' }}</button>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+<script>
+import FlowTimeline from '@/components/flow-timeline/index.vue'
+import { getSysFlowComponentPath } from '@/utils/flow-components.js'
+import { getFlowLinkByInstanceIdApi } from '@/api/flow.js'
+export default {
+	components: {
+		FlowTimeline
+	},
+	data() {
+		return {
+			tab: 'base',
+			auditCtx: {
+				taskId: '',
+				instanceId: '',
+				businessId: '',
+				bizFlag: ''
+			},
+			isEnd: false, // 流程是否结束
+			nodeList: [],
+			extraBtnText: '客户信息',
+			approveType: 'PASS',
+			approveComment: ''
+		}
+	},
+	computed: {
+		componentName() {
+			const name = getSysFlowComponentPath(this.auditCtx.bizFlag || '')
+			return name || ''
+		}
+	},
+	onLoad() {
+		const CACHE_KEY = 'FLOW_AUDIT_CACHE'
+		const cache = uni.getStorageSync(CACHE_KEY) || {};
+		console.log('审核__cache', cache)
+		this.auditCtx = cache;
+		if (this.auditCtx && this.auditCtx.instanceId) {
+			this.loadFlowLinkByInstanceId(this.auditCtx.instanceId)
+		}
+	},
+	methods: {
+		loadFlowLinkByInstanceId(instanceId) {
+			getFlowLinkByInstanceIdApi({ instanceId }).then(res => {
+				console.log('审核__loadFlowLinkByInstanceId', res)
+				const _data = res && res.data ? res.data : {};
+				this.nodeList = _data.nodeList || [];
+				this.isEnd = _data.end || false;
+			}).catch(() => { })
+		},
+		getPayload() {
+			const ref = this.$refs.basicRef
+			const vals = ref && typeof ref.getFormValues === 'function' ? ref.getFormValues() : {}
+			return {
+				bizFlag: this.auditCtx.bizFlag,
+				...vals
+			}
+		},
+		onReject() {
+			this.approveType = 'REFUSE'
+			this.approveComment = ''
+			this.$refs.approvePopup.open()
+		},
+		onPass() {
+			this.approveType = 'PASS'
+			this.approveComment = ''
+			this.$refs.approvePopup.open()
+		},
+		onExtra() {
+			const payload = this.getPayload()
+			uni.showToast({
+				title: this.extraBtnText,
+				icon: 'none'
+			})
+		},
+		cancelApprove() {
+			this.$refs.approvePopup.close()
+		},
+		confirmApprove() {
+			const payload = {
+				...this.getPayload(),
+				approveType: this.approveType,
+				approveComment: this.approveComment
+			}
+			this.$refs.approvePopup.close()
+			uni.showToast({
+				title: this.approveType === 'PASS' ? '已通过' : '已驳回',
+				icon: 'none'
+			})
+		}
+	}
+}
+</script>
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh
+}
+
+.fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+
+	.tabs {
+		display: flex;
+		align-items: center;
+		height: 96rpx;
+
+		&.bg1 {
+			background-image: url('/static/images/flow/tab_1_icon.png');
+			background-repeat: no-repeat;
+			background-position: right center;
+			background-size: cover;
+		}
+
+		&.bg2 {
+			background-image: url('/static/images/flow/tab_2_icon.png');
+			background-repeat: no-repeat;
+			background-position: right center;
+			background-size: cover;
+		}
+
+		.tab {
+			width: 50%;
+			height: 96rpx;
+			line-height: 96rpx;
+			text-align: center;
+			font-weight: 600;
+			color: rgba(0, 0, 0, 0.9);
+
+			&.active {
+				color: $theme-primary;
+			}
+		}
+	}
+}
+
+.body {
+	flex: 1;
+	padding-top: 104rpx;
+	padding-bottom: 150rpx
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+	display: flex;
+	gap: 32rpx;
+
+	.btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+		flex: 1;
+	}
+
+	.reject {
+		background: #fff;
+		color: #D54941;
+		border: 1rpx solid #D54941;
+	}
+
+	.pass {
+		background: $theme-primary;
+		color: #fff;
+	}
+
+	.extra {
+		background: #fff;
+		color: $theme-primary;
+		border: none;
+
+		&::after {
+			border: none;
+		}
+	}
+}
+
+.action-modal {
+	width: 560rpx;
+	padding: 32rpx 28rpx 20rpx;
+	background: #fff;
+	border-radius: 20rpx;
+
+	&_header {
+		text-align: center;
+		font-size: 34rpx;
+		font-weight: 600;
+		margin-bottom: 12rpx;
+		color: rgba(0, 0, 0, 0.9);
+	}
+
+	&_body {
+		padding: 12rpx 4rpx 24rpx;
+
+		.tip {
+			display: block;
+			text-align: center;
+			font-size: 32rpx;
+			color: rgba(0, 0, 0, 0.6);
+			margin-bottom: 32rpx;
+		}
+
+		::v-deep .uni-easyinput {
+			width: 100%;
+		}
+	}
+
+	&_footer {
+		display: flex;
+		justify-content: space-between;
+		gap: 16rpx;
+
+		.btn {
+			flex: 1;
+			height: 80rpx;
+			line-height: 80rpx;
+			border-radius: 12rpx;
+			font-size: 30rpx;
+			font-size: 32rpx;
+
+			&::after {
+				border: none;
+			}
+		}
+
+		.cancel {
+			background: #fff;
+			color: rgba(0, 0, 0, 0.9);
+		}
+
+		.confirm {
+			background: #fff !important;
+			color: $theme-primary !important;
+		}
+	}
+}
+</style>
\ No newline at end of file

+<template>
+	<view class="page">
+		<view class="fixed">
+			<view class="tabs" :class="[`${tab === 'base' ? 'bg1' : 'bg2'}`]">
+				<view :class="['tab', { active: tab === 'base' }]" @click="tab = 'base'">基础信息</view>
+				<view :class="['tab', { active: tab === 'flow' }]" @click="tab = 'flow'">流程</view>
+			</view>
+		</view>
+		<view class="body">
+			<view v-if="tab === 'base'">
+				<component :is="componentName" :id="auditCtx.businessId" ref="basicRef" />
+			</view>
+			<view v-else>
+				<FlowTimeline :nodeList="nodeList" :isEnd="isEnd" />
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+import FlowTimeline from '@/components/flow-timeline/index.vue'
+import { getSysFlowComponentPath } from '@/utils/flow-components.js'
+import { getFlowLinkByInstanceIdApi } from '@/api/flow.js'
+export default {
+	components: {
+		FlowTimeline
+	},
+	data() {
+		return {
+			tab: 'base',
+			auditCtx: {
+				taskId: '',
+				instanceId: '',
+				businessId: '',
+				bizFlag: ''
+			},
+			isEnd: false, // 流程是否结束
+			nodeList: []
+		}
+	},
+	computed: {
+		componentName() {
+			const name = getSysFlowComponentPath(this.auditCtx.bizFlag || '')
+			return name || ''
+		}
+	},
+	onLoad() {
+		const CACHE_KEY = 'FLOW_AUDIT_CACHE'
+		const cache = uni.getStorageSync(CACHE_KEY) || {};
+		console.log('审核详情__cache', cache)
+		this.auditCtx = cache;
+		if (this.auditCtx && this.auditCtx.instanceId) {
+			this.loadFlowLinkByInstanceId(this.auditCtx.instanceId)
+		}
+	},
+	methods: {
+		loadFlowLinkByInstanceId(instanceId) {
+			getFlowLinkByInstanceIdApi({ instanceId }).then(res => {
+				console.log('审核__loadFlowLinkByInstanceId', res)
+				const _data = res && res.data ? res.data : {};
+				this.nodeList = _data.nodeList || [];
+				this.isEnd = _data.end || false;
+			}).catch(() => { })
+		},
+	}
+}
+</script>
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh
+}
+
+.fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+
+	.tabs {
+		display: flex;
+		align-items: center;
+		height: 96rpx;
+
+		&.bg1 {
+			background-image: url('/static/images/flow/tab_1_icon.png');
+			background-repeat: no-repeat;
+			background-position: right center;
+			background-size: cover;
+		}
+
+		&.bg2 {
+			background-image: url('/static/images/flow/tab_2_icon.png');
+			background-repeat: no-repeat;
+			background-position: right center;
+			background-size: cover;
+		}
+
+		.tab {
+			width: 50%;
+			height: 96rpx;
+			line-height: 96rpx;
+			text-align: center;
+			font-weight: 600;
+			color: rgba(0, 0, 0, 0.9);
+
+			&.active {
+				color: $theme-primary;
+			}
+		}
+	}
+}
+
+.body {
+	flex: 1;
+	padding-top: 104rpx;
+}
+</style>
\ No newline at end of file

@@ -11,7 +11,7 @@
 
 		<view class="list-box">
 			<CardList ref="cardRef" :fetchFn="fetchList" :query="query" :extra="extraParams" :enable-refresh="true"
-				:enable-load-more="true" row-key="id" @loaded="onLoaded" @error="onError">
+				:enable-load-more="true" row-key="instanceId" @loaded="onLoaded" @error="onError">
 				<template v-slot="{ item }">
 					<view class="card">
 						<view class="card-header">
@@ -55,299 +55,306 @@
 </template>
 
 <script>
-	import CardList from '@/components/card/index.vue'
-	import FilterModal from '@/components/filter/index.vue'
-	import SingleSelectSheet from '@/components/single-select/index.vue'
-	import {
-		myFlowQueryApi
-	} from '@/api/flow.js'
-	import {
-		getDicByCodes
-	} from '@/utils/dic'
-	import {
-		getDicName
-	} from '@/utils/dic.js'
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import {
+	myFlowQueryApi
+} from '@/api/flow.js'
+import {
+	getDicByCodes
+} from '@/utils/dic'
+import {
+	getDicName
+} from '@/utils/dic.js'
 
-	export default {
-		name: 'MyFlow',
-		components: {
-			CardList,
-			FilterModal,
-			SingleSelectSheet
+export default {
+	name: 'MyFlow',
+	components: {
+		CardList,
+		FilterModal,
+		SingleSelectSheet
+	},
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			filterVisible: false,
+			filterForm: {
+				mode: '',
+				modeName: ''
+			},
+			modeSelectVisible: false,
+			modeOptions: [],
+			cardModeOptions: [],
+			query: {},
+			extraParams: {},
+			currentItems: []
+		}
+	},
+	created() {
+		this.loadModeOptions()
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	watch: {},
+	methods: {
+		onSearchInput(val) {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+				this.extraParams = {
+					searchKey: this.searchKeywordDebounced || '',
+					mode: this.filterForm.mode || ''
+				}
+			}, 800)
 		},
-		data() {
-			return {
-				searchKeyword: '',
-				searchKeywordDebounced: '',
-				searchDebounceTimer: null,
-				filterVisible: false,
-				filterForm: {
-					mode: '',
-					modeName: ''
-				},
-				modeSelectVisible: false,
-				modeOptions: [],
-				cardModeOptions: [],
-				query: {},
-				extraParams: {},
-				currentItems: []
+		onSearchConfirm(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+			this.extraParams = {
+				searchKey: this.searchKeywordDebounced || '',
+				mode: this.filterForm.mode || ''
 			}
 		},
-		created() {
-			this.loadModeOptions()
+		openFilter() {
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
 		},
-		onReachBottom() {
-			if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
-				this.$refs.cardRef.onLoadMore()
+		onFilterConfirm(payload) {
+			// 兜底：部分端可能未同步 v-model
+			if ((payload.mode === '' || payload.mode == null) && this.filterForm.mode !== '') {
+				payload.mode = this.filterForm.mode
+				payload.modeName = this.filterForm.modeName
 			}
+			this.filterForm = payload
+			// 仅在确认时更新给 CardList 的条件
+			this.extraParams = {
+				searchKey: this.searchKeywordDebounced || '',
+				mode: payload.mode || ''
+			}
+			this.filterVisible = false
 		},
-		watch: {},
-		methods: {
-			onSearchInput(val) {
-				if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
-				this.searchDebounceTimer = setTimeout(() => {
-					this.searchKeywordDebounced = this.searchKeyword
-					this.searchDebounceTimer = null
-					this.extraParams = {
-						searchKey: this.searchKeywordDebounced || '',
-						mode: this.filterForm.mode || ''
-					}
-				}, 800)
-			},
-			onSearchConfirm(e) {
-				const val = e && e.value != null ? e.value : this.searchKeyword
-				this.searchKeyword = val
-				this.searchKeywordDebounced = val
-				this.extraParams = {
-					searchKey: this.searchKeywordDebounced || '',
-					mode: this.filterForm.mode || ''
-				}
-			},
-			openFilter() {
-				this.filterVisible = true
-			},
-			onFilterReset(payload) {
-				this.filterForm = payload
-			},
-			onFilterConfirm(payload) {
-				// 兜底：部分端可能未同步 v-model
-				if ((payload.mode === '' || payload.mode == null) && this.filterForm.mode !== '') {
-					payload.mode = this.filterForm.mode
-					payload.modeName = this.filterForm.modeName
-				}
-				this.filterForm = payload
-				// 仅在确认时更新给 CardList 的条件
-				this.extraParams = {
-					searchKey: this.searchKeywordDebounced || '',
-					mode: payload.mode || ''
-				}
-				this.filterVisible = false
-			},
-			openModeSelect() {
-				this.modeSelectVisible = true
-			},
-			onModeConfirm({
-				value,
-				label
-			}) {
-				this.filterForm.mode = value || '';
-				this.filterForm.modeName = label || '';
-			},
-			onLoaded({
-				items
-			}) {
-				this.currentItems = items || []
-			},
-			onError() {
-				uni.showToast({
-					title: '列表加载失败',
-					icon: 'none'
-				})
-			},
-			async loadModeOptions() {
-				try {
-					const dicCodes = ['PROCESS_MODE']
-					const results = await getDicByCodes(dicCodes)
-					const option = results.PROCESS_MODE.data || []
-					this.cardModeOptions = Array.isArray(option) ? option : [];
-					this.modeOptions = option.map(it => ({
-						label: it.name || '',
-						value: it.code || ''
-					}))
-				} catch (e) {
-					this.modeOptions = [];
-					this.cardModeOptions = [];
-				}
-			},
-			fetchList({
+		openModeSelect() {
+			this.modeSelectVisible = true
+		},
+		onModeConfirm({
+			value,
+			label
+		}) {
+			this.filterForm.mode = value || '';
+			this.filterForm.modeName = label || '';
+		},
+		onLoaded({
+			items
+		}) {
+			this.currentItems = items || []
+		},
+		onError() {
+			uni.showToast({
+				title: '列表加载失败',
+				icon: 'none'
+			})
+		},
+		async loadModeOptions() {
+			try {
+				const dicCodes = ['PROCESS_MODE']
+				const results = await getDicByCodes(dicCodes)
+				const option = results.PROCESS_MODE.data || []
+				this.cardModeOptions = Array.isArray(option) ? option : [];
+				this.modeOptions = option.map(it => ({
+					label: it.name || '',
+					value: it.code || ''
+				}))
+			} catch (e) {
+				this.modeOptions = [];
+				this.cardModeOptions = [];
+			}
+		},
+		fetchList({
+			pageIndex,
+			pageSize,
+			query,
+			extra
+		}) {
+			const params = {
 				pageIndex,
 				pageSize,
-				query,
-				extra
-			}) {
-				const params = {
-					pageIndex,
-					pageSize,
-					...query,
-					...extra
+				...query,
+				...extra
+			}
+			return myFlowQueryApi(params).then(res => {
+				const _data = res.data || {}
+				const records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				return {
+					records,
+					totalCount,
+					hasNext
 				}
-				return myFlowQueryApi(params).then(res => {
-					const _data = res.data || {}
-					const records = _data.datas || _data.list || _data.records || []
-					const totalCount = _data.totalCount || _data.count || 0
-					const hasNext = _data.hasNext || false
-					return {
-						records,
-						totalCount,
-						hasNext
-					}
-				}).catch(() => {
-					this.onError()
-					return {
-						records: [],
-						totalCount: 0,
-						hasNext: false
-					}
-				})
-			},
-			onDetail(item) {
-				uni.showToast({
-					title: '审核详情',
-					icon: 'none'
-				})
-			},
-			getDicName: getDicName,
-		}
+			}).catch(() => {
+				this.onError()
+				return {
+					records: [],
+					totalCount: 0,
+					hasNext: false
+				}
+			})
+		},
+		onDetail(item) {
+			const CACHE_KEY = 'FLOW_AUDIT_CACHE'
+			const _ext = JSON.parse(item.ext || '{}');
+			const payload = {
+				taskId: item.taskId || '',
+				instanceId: item.instanceId || '',
+				businessId: item.businessId || '',
+				bizFlag: _ext.bizFlag || ''
+			}
+			uni.setStorageSync(CACHE_KEY, payload)
+			uni.navigateTo({ url: '/pages/flow/audit_detail' })
+		},
+		getDicName: getDicName,
 	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.page {
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-	}
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
 
-	.fixed {
-		position: fixed;
-		top: 96rpx;
-		left: 0;
-		right: 0;
-		z-index: 2;
-		background: #fff;
+.fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+}
+
+.search-row {
+	display: flex;
+	align-items: center;
+	padding: 16rpx 32rpx;
+
+	.tool-icon {
+		width: 48rpx;
+		height: 48rpx;
+		margin-left: 16rpx;
 	}
 
-	.search-row {
-		display: flex;
-		align-items: center;
-		padding: 16rpx 32rpx;
+	.uni-searchbar {
+		padding: 0;
+		flex: 1;
+	}
+}
 
-		.tool-icon {
-			width: 48rpx;
-			height: 48rpx;
-			margin-left: 16rpx;
-		}
+/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
 
-		.uni-searchbar {
-			padding: 0;
-			flex: 1;
-		}
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
 	}
+}
+
+.list-box {
+	flex: 1;
+	padding: 112rpx 0 0
+}
 
-	/* 仅当前页覆盖 uni-search-bar 盒子高度 */
-	::v-deep .uni-searchbar__box {
-		height: 80rpx !important;
-		justify-content: start;
+.card {
+	.footer {
+		margin-top: 28rpx;
+		box-shadow: inset 0px 1px 0px 0px #E7E7E7;
+		padding-top: 22rpx;
+		display: flex;
+		justify-content: flex-end;
 
-		.uni-searchbar__box-search-input {
-			font-size: 32rpx !important;
+		.btn {
+			height: 64rpx;
+			line-height: 60rpx;
+			font-size: 28rpx;
+			width: 160rpx;
+			margin-left: auto;
+			margin-right: 0;
+			padding: 0;
 		}
 	}
 
-	.list-box {
-		flex: 1;
-		padding: 112rpx 0 0
-	}
+	.card-header {
+		margin-bottom: 28rpx;
 
-	.card {
-		.footer {
-			margin-top: 28rpx;
-			box-shadow: inset 0px 1px 0px 0px #E7E7E7;
-			padding-top: 22rpx;
-			display: flex;
-			justify-content: flex-end;
-			.btn {
-				height: 64rpx;
-				line-height: 60rpx;
-				font-size: 28rpx;
-				width: 160rpx;
-				margin-left: auto;
-				margin-right: 0;
-				padding: 0;
-			}
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
 		}
+	}
 
-		.card-header {
-			margin-bottom: 28rpx;
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
 
-			.title {
-				font-size: 36rpx;
-				font-weight: 600;
-				line-height: 50rpx;
-				color: rgba(0,0,0,0.9);
-			}
+		&:last-child {
+			margin-bottom: 0;
 		}
 
-		.info-row {
-			display: flex;
-			align-items: center;
-			color: rgba(0, 0, 0, 0.6);
-			font-size: 28rpx;
-			margin-bottom: 24rpx;
+		text {
+			width: 60%;
+			line-height: 32rpx;
 
 			&:last-child {
-				margin-bottom: 0;
-			}
-
-			text {
-				width: 60%;
-				line-height: 32rpx;
-
-				&:last-child {
-					color: rgba(0, 0, 0, 0.9);
-					width: 40%;
-				}
+				color: rgba(0, 0, 0, 0.9);
+				width: 40%;
 			}
 		}
 	}
+}
 
-	.filter-form {
-		.form-item {
-			margin-bottom: 24rpx;
-		}
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
 
-		.label {
-			margin-bottom: 20rpx;
-			color: rgba(0, 0, 0, 0.9);
-			height: 44rpx;
-			line-height: 44rpx;
-			font-size: 30rpx;
-		}
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
 
-		.fake-select {
-			height: 80rpx;
-			line-height: 80rpx;
-			padding: 0 20rpx;
-			background: #f3f3f3;
-			border-radius: 12rpx;
+	.fake-select {
+		height: 80rpx;
+		line-height: 80rpx;
+		padding: 0 20rpx;
+		background: #f3f3f3;
+		border-radius: 12rpx;
 
-			.placeholder {
-				color: #999;
-			}
+		.placeholder {
+			color: #999;
+		}
 
-			.value {
-				color: #333;
-			}
+		.value {
+			color: #333;
 		}
 	}
+}
 </style>
\ No newline at end of file

+import CustomerDevelopViewer from '@/pages/dev_manage/viewer.vue'
+
+export default function registerComponents(Vue) {
+  Vue.component('CustomerDevelopViewer', CustomerDevelopViewer)
+}
\ No newline at end of file

 import tab from './tab'
 import auth from './auth'
 import modal from './modal'
+import registerComponents from './components'
 
 export default {
   install(Vue) {
@@ -10,5 +11,6 @@ export default {
     Vue.prototype.$auth = auth
     // 模态框对象
     Vue.prototype.$modal = modal
+    registerComponents(Vue)
   }
 }

@@ -34,7 +34,6 @@ export function getDicByCodes(codes) {
  * @returns {string}
  */
 export function getDicName(code, value, items = []) {
-  console.log('getDicName', code, value, items);
   const list = Array.isArray(items) ? items : [];
   const item = list.find(it => it && it.code === value);
   return item ? item.name : value;

+export const getSysFlowComponentPath = (bizFlag) => {
+  console.log('bizFlag', bizFlag)
+  let componentPath = '';
+  switch (bizFlag) {
+    case 'CUSTOMER_DEVELOP': // 客户开发
+      componentPath = 'CustomerDevelopViewer'; // 客户开发-审批详情
+      break;
+    case 'CUSTOMER_DEVELOP_EDIT': // 客户开发
+      componentPath = 'CustomerDevelopViewer'; // 客户开发-审批
+      break;
+    case 'CUSTOMER_CREDIT': // 客户资信
+      componentPath = 'CustomerCreditViewer'; // 客户资信-审批详情
+      break;
+    case 'CUSTOMER_CREDIT_EDIT': // 客户资信
+      componentPath = 'CustomerCreditApprove'; // 客户资信-审批
+      break;
+    case 'STANDARD_CONTRACT': // 标准合同
+      componentPath = 'StandardContractViewer'; // 标准合同-审批详情
+      break;
+    case 'STANDARD_CONTRACT_EDIT': // 标准合同
+      componentPath = 'StandardContractApprove'; // 标准合同-审批
+      break;
+    case 'FORMAL_CONTRACT': // 正式合同
+      componentPath = 'FormalContractViewer'; // 正式合同-审批详情
+      break;
+    case 'FORMAL_CONTRACT_EDIT': // 正式合同
+      componentPath = 'FormalContractApprove'; // 正式合同-审批
+      break;
+    case 'PROCESS_STD_AGMT': // 处理标准合同
+      componentPath = 'ProcessStdAgmtViewer'; // 处理标准合同-审批
+      break;
+    case 'PROCESS_STD_AGMT_EDIT': // 处理标准合同
+      componentPath = 'ProcessStdAgmtApprove'; // 处理标准合同-审批
+      break;
+    case 'SPEC_LOCK_DELAY': // 特殊锁单延迟
+      componentPath = 'SpecLockDelayViewer'; // 特殊锁单延迟-审批详情
+      break;
+    case 'SPEC_LOCK_DELAY_EDIT': // 特殊锁单延迟
+      componentPath = 'SpecLockDelayApprove'; // 特殊锁单延迟-审批
+      break;
+  }
+  return componentPath;
+};
\ No newline at end of file

@@ -45,9 +45,6 @@ config.responseType = 'blob';
         dataType: 'json'
       }).then(response => {
         let [error, res] = response;
-        console.log('request__response', response)
-        console.log('request__error', error)
-        console.log('request__res', res)
         if (error) {
           toast('后端接口连接异常')
           reject('后端接口连接异常')