feat: 优化svgIcon 点击事件、审批流中子表单的长度优化

src/components/scWorkflow/nodes/approver.vue

@@ -150,7 +150,7 @@
 										<div class="tags-list inline">
 											<el-tag v-for="(user, index) in form.actionUrl" :key="user.id" closable @close="delFormTemplate(index)">{{ user.name }}</el-tag>
 										</div>
-										<div v-if="form.actionUrl.length" class="tags-list inline">
+										<div v-if="form.actionUrl && form.actionUrl.length" class="tags-list inline">
 											<el-link :underline="false" @click.stop="showFormEv">
 												表单预览<el-icon class="el-icon--right"><View /></el-icon>
 											</el-link>

src/views/flow/form/index.vue

@@ -78,7 +78,7 @@
 				</template>
 
 				<template #actionSlot="{ row }">
-					<div class="flex flex-align-pack-center">
+					<div class="flex flex-pack-end">
 						<template v-if="row.type === 0">
 							<el-tooltip effect="dark" content="设计表单" placement="top">
 								<LeIcon class="text-lg text-icon-color" icon-class="icon-processInfo-material-design" @click="designTemplateEv(row)" />
@@ -349,7 +349,7 @@ const columns = [
 		prop: 'action',
 		label: '操作',
 		width: 100,
-		align: 'center',
+		align: 'right',
 		fixed: 'right',
 		slots: {
 			default: 'actionSlot'

src/views/flow/group/components/listGroup.vue

@@ -82,9 +82,9 @@
 											<div class="flex items-center" style="height: 42px">
 												<div class="flex-1">
 													<el-tag size="small" round>V{{ element.processVersion }}</el-tag>
-													<el-tag v-if="element.processType === 'child'" type="warning" round class="ml-1"  size="small">子流程</el-tag>
-													<el-tag v-if="element.processType === 'business'" type="success" round class="ml-1"  size="small">业务流程</el-tag>
-													<el-tag v-if="element.processState === 0" type="danger" round class="ml-1"  size="small">已停用</el-tag>
+													<el-tag v-if="element.processType === 'child'" type="warning" round class="ml-1" size="small">子流程</el-tag>
+													<el-tag v-if="element.processType === 'business'" type="success" round class="ml-1" size="small">业务流程</el-tag>
+													<el-tag v-if="element.processState === 0" type="danger" round class="ml-1" size="small">已停用</el-tag>
 												</div>
 												<div class="flex-1 max-m:hidden">{{ element.processKey }}</div>
 											</div>
@@ -92,51 +92,45 @@
 										<el-col :span="4" :xs="8">
 											<div class="group_itemOperations flex flex-pack-end items-center pr-1" style="height: 42px">
 												<el-tooltip effect="dark" content="版本控制" placement="top">
-													<LeIcon
-														v-if="element.processVersion > 1"
-														class="text-lg ml-2 text-icon-color cursor-pointer"
-														icon-class="icon-processInfo-hugeicons--git-merge"
-														@click="historyEv(element)"
-													/>
+													<div @click="historyEv(element)">
+														<LeIcon
+															v-if="element.processVersion > 1"
+															class="text-lg ml-2 text-icon-color cursor-pointer"
+															icon-class="icon-processInfo-hugeicons--git-merge"
+														/>
+													</div>
 												</el-tooltip>
 
 												<el-tooltip effect="dark" content="编辑" placement="top">
-													<LeIcon
-														class="text-lg ml-2 text-icon-color cursor-pointer"
-														icon-class="icon-processInfo-mage--edit"
-														@click="updateEv(element)"
-													/>
+													<div @click="updateEv(element)">
+														<LeIcon class="text-lg ml-2 text-icon-color cursor-pointer" icon-class="icon-processInfo-mage--edit" />
+													</div>
 												</el-tooltip>
 
 												<el-tooltip content="复制" placement="top" effect="dark">
-													<LeIcon
-														class="text-lg ml-2 text-icon-color cursor-pointer"
-														icon-class="icon-processInfo-lucide--copy"
-														@click="copyEv(element)"
-													/>
+													<div @click="copyEv(element)">
+														<LeIcon class="text-lg ml-2 text-icon-color cursor-pointer" icon-class="icon-processInfo-lucide--copy" />
+													</div>
 												</el-tooltip>
 
 												<el-tooltip v-if="element.processState === 1" effect="dark" content="禁用" placement="top">
-													<LeIcon
-														class="text-lg ml-2 text-icon-color cursor-pointer"
-														icon-class="icon-processInfo-solar--forbidden-circle-broken"
-														@click="enabledEv(element, 0)"
-													/>
+													<div @click="enabledEv(element, 0)">
+														<LeIcon
+															class="text-lg ml-2 text-icon-color cursor-pointer"
+															icon-class="icon-processInfo-solar--forbidden-circle-broken"
+														/>
+													</div>
 												</el-tooltip>
 												<el-tooltip v-if="element.processState === 0" effect="dark" content="启用" placement="top">
-													<LeIcon
-														class="text-lg ml-2 text-icon-color cursor-pointer"
-														icon-class="icon-processInfo-heroicons--lock-open"
-														@click="enabledEv(element, 1)"
-													/>
+													<div @click="enabledEv(element, 1)">
+														<LeIcon class="text-lg ml-2 text-icon-color cursor-pointer" icon-class="icon-processInfo-heroicons--lock-open" />
+													</div>
 												</el-tooltip>
 
 												<el-tooltip content="删除" placement="top" effect="dark">
-													<LeIcon
-														class="text-lg ml-2 text-rose-700 cursor-pointer"
-														icon-class="icon-processInfo-iconoir--trash"
-														@click="stopEv(element)"
-													/>
+													<div @click="stopEv(element)">
+														<LeIcon class="text-lg ml-2 text-rose-700 cursor-pointer" icon-class="icon-processInfo-iconoir--trash" />
+													</div>
 												</el-tooltip>
 											</div>
 										</el-col>