feat:审批

src/views/flow/form/tools/FlowNodeFormat.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import selectShow from '/@/components/OrgSelector/index.vue';
+import selectShow from "/@/components/OrgSelector/index.vue"
 
 let props = defineProps({
 	nodeUser: {
@@ -14,10 +14,10 @@ let props = defineProps({
 		type: Boolean,
 		default: false,
 	},
-});
-const { proxy } = getCurrentInstance();
+})
+const { proxy } = getCurrentInstance()
 
-import { Check, Plus, Refresh } from '@element-plus/icons-vue';
+import { Check, Plus, Refresh } from "@element-plus/icons-vue"
 </script>
 
 <template>
@@ -43,7 +43,10 @@ import { Check, Plus, Refresh } from '@element-plus/icons-vue';
 					</p>
 				</template>
 				<!--					渲染用户头像列表-->
-				<div v-if="node.userVoList && node.userVoList.length > 0" style="display: flex; flex-direction: row; flex-wrap: wrap">
+				<div
+					v-if="node.userVoList && node.userVoList.length > 0"
+					style="display: flex; flex-direction: row; flex-wrap: wrap"
+				>
 					<div
 						class="box-card"
 						v-for="(item1, index1) in node.userVoList"
@@ -54,9 +57,17 @@ import { Check, Plus, Refresh } from '@element-plus/icons-vue';
 							<div style="overflow: hidden">
 								<div class="d1">
 									<div>
-										<upload-img v-model:image-url="item1.avatar" width="30px" height="30px"></upload-img>
+										<preview-image :src="item1.avatar" />
 									</div>
-									<div style="font-size: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center">
+									<div
+										style="
+											font-size: 8px;
+											overflow: hidden;
+											white-space: nowrap;
+											text-overflow: ellipsis;
+											text-align: center;
+										"
+									>
 										{{ item1.name }}
 									</div>
 								</div>
@@ -76,7 +87,10 @@ import { Check, Plus, Refresh } from '@element-plus/icons-vue';
 							</div>
 							<div style="height: 40px; line-height: 40px; font-size: 10px">(添加了评论) {{ item1.showTime }}</div>
 						</div>
-						<div class="box-card" style="margin-bottom: 10px; padding: 5px; background-color: var(--el-fill-color-light)">
+						<div
+							class="box-card"
+							style="margin-bottom: 10px; padding: 5px; background-color: var(--el-fill-color-light)"
+						>
 							{{ item1.approveDesc }}
 						</div>
 					</template>
@@ -84,14 +98,28 @@ import { Check, Plus, Refresh } from '@element-plus/icons-vue';
 
 				<!--					选择用户-->
 				<template v-if="node.selectUser">
-					<select-show :disabled="disableSelect" v-model:orgList="nodeUser[node.id]" type="user" :multiple="node.multiple"></select-show>
+					<select-show
+						:disabled="disableSelect"
+						v-model:orgList="nodeUser[node.id]"
+						type="user"
+						:multiple="node.multiple"
+					></select-show>
 				</template>
 
 				<el-tabs v-if="node.branch.length > 0" type="border-card">
-					<el-tab-pane v-for="(node1, index1) in node.branch" :label="'分支' + (index1 + 1)" :name="index1 + ''" :key="index1">
+					<el-tab-pane
+						v-for="(node1, index1) in node.branch"
+						:label="'分支' + (index1 + 1)"
+						:name="index1 + ''"
+						:key="index1"
+					>
 						<template v-if="node1.placeholder && node1.placeholder.length > 0">[{{ node1.placeholder }}]</template>
 						<div style="padding: 0px 5px">
-							<flow-node-format :node-user="nodeUser" :disableSelect="disableSelect" :row="node1.children"></flow-node-format>
+							<flow-node-format
+								:node-user="nodeUser"
+								:disableSelect="disableSelect"
+								:row="node1.children"
+							></flow-node-format>
 						</div>
 					</el-tab-pane>
 				</el-tabs>