feat: 调整 子流程查看dialog

src/views/approve/components/ViewProcessDialog.vue

@@ -39,16 +39,16 @@
 							<span style="display: block" class="pl-1.5 mb-0">{{ active.taskName }}</span>
 							<div class="flex flex-align-center">
 								<div class="timeline-box-user flex-1">
-								<span v-if="active.id" class="text-gray-500 pl-1.5">
-									{{ active.createBy }}
-								</span>
+									<span v-if="active.id" class="text-gray-500 pl-1.5">
+										{{ active.createBy }}
+									</span>
 									<span v-if="active.type === 22">
-									发起的子流程<el-tooltip content="点击查看详情">
-										<a class="el-button el-button--primary is-link" @click="lookSubProcess(active)">
-											({{ active.content.callProcess.split(':')[1] }})
-										</a>
-									</el-tooltip>
-								</span>
+										发起的子流程<!--<el-tooltip content="点击查看详情">
+											<a class="el-button el-button&#45;&#45;primary is-link" @click="lookSubProcess(active)">
+												({{ active.content.callProcess.split(':')[1] }})
+											</a>
+										</el-tooltip>-->
+									</span>
 									<div style="display: flex; gap: 6px; margin-top: 3px">
 										<FlowNodeAvatar v-for="nodeUser in active.local_nodeUserList" :key="nodeUser.id" :name="nodeUser.name" />
 										<FlowNodeAvatar v-for="nodeRole in active.local_nodeRoleList" :key="nodeRole.id" :name="nodeRole.name">
@@ -85,7 +85,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, type PropType, reactive, ref } from 'vue'
 import FlowNodeAvatar from '@/components/Flow/FlowNodeAvatar.vue'
 import FlowTypeDot from '@/components/Flow/FlowTypeDot.vue'
 import { erFormPreview } from '@ER/formEditor'
@@ -100,7 +100,7 @@ const props = defineProps({
 		default: false
 	},
 	processInfo: {
-		type: Object as { name: string; id: string },
+		type: Object as PropType<{ name: string; id: string }>,
 		default: () => ({})
 	}
 })
@@ -128,7 +128,7 @@ const $myEmit = defineEmits(['update:modelValue'])
 const queryDetail = () => {
 	// processTaskApprovalInfo({ instanceId: props.processInfo.id })
 	processTaskApprovalInfo({ instanceId: '1803659392853921794' })
-		.then(data => {
+		.then((data: any) => {
 			const activeList = data.processApprovals
 			activeList.forEach(v => {
 				v.local_timestamp = v.id && formatTimestamp(v.createTime)
@@ -159,7 +159,6 @@ const queryDetail = () => {
 			validateForm.value.loading = false
 		})
 }
-window.test_validateForm = validateForm
 onMounted(queryDetail)
 const closeDialog = () => {
 	$myEmit('update:modelValue', false)
@@ -202,122 +201,6 @@ const localVisible = computed({
 			right: 16px;
 		}
 	}
-	/*	.flow-detail-container {
-		display: flex;
-		flex-direction: column;
-		position: relative;
-		height: 100%;
-		overflow: hidden;
-	}*/
-	/*!/ 通过、不通过样式
-	.flow-status-stamp {
-		position: absolute;
-		right: 10px;
-		top: 10px;
-		z-index: 99;
-	}
-
-	// 头部
-	.flow-header-box {
-		font-weight: 400;
-		font-size: 13px;
-		border-bottom: 1px solid var(--el-border-color);
-		padding: 0 20px;
-		height: 39px;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		color: var(--el-color-info);
-		.action-area {
-			display: flex;
-			gap: 4px;
-			.action-item {
-				cursor: pointer;
-				padding: 4px;
-				border-radius: 6px;
-				width: fit-content;
-				height: fit-content;
-			}
-		}
-	}
-
-	// 内容体
-	.flow-detail-box {
-		//height: calc(100% - 92px);
-		//overflow: hidden;
-		//overflow-y: auto;
-		flex: 1;
-		min-height: 0;
-		padding: 0 20px;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		.header-box {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			padding-bottom: 10px;
-			// padding-top: 20px;
-			.summary-info {
-				display: flex;
-				align-items: center;
-				padding-top: 10px;
-				font-size: 24px;
-				.title {
-					font-family: PingFangSC-Semibold, PingFang SC;
-					color: var(--el-text-color-primary);
-				}
-			}
-			.initiator-info {
-				display: flex;
-				align-items: center;
-				margin-top: 16px;
-				.begin-time {
-					margin-left: 16px;
-					font-weight: 350;
-					color: var(--el-text-color-placeholder);
-					font-size: 13px;
-					-webkit-user-select: none;
-					user-select: none;
-				}
-			}
-		}
-		.area-divider {
-			border-bottom: 1px solid var(--el-border-color);
-			margin: 20px 0;
-			//position: relative;
-		}
-		.scroll-wrap {
-			position: relative;
-			overflow: hidden;
-			overflow-y: auto;
-			flex: 1;
-			.tags-desc {
-				position: absolute;
-				left: 6px;
-				top: 10px;
-				z-index: 1;
-			}
-
-			:deep(.zoom-scale) {
-				position: absolute;
-				top: 16px;
-				right: 16px;
-			}
-		}
-	}
-
-	// 底部
-	.flow-actions {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		height: 52px;
-		//border-top: 1px solid var(--color-neutral-3);
-		border-top: 1px solid var(--el-border-color-light);
-		background: var(--el-bg-color);
-		padding: 0 20px;
-	}*/
 }
 .comment-content {
 	user-select: none;

src/views/approve/components/approvedContent.vue

@@ -14,7 +14,6 @@
 						<FlowStatusStamp :status="currentTaskRow.instanceState" />
 					</div>
 				</div>
-
 				<div class="flow-header-box">
 					<div class="flow-no">编号：{{ currentTaskRow.instanceId }}</div>
 					<div class="action-area">