瀏覽代碼

feat: 流程组Icon样式调整

luoyali 11 月之前
父節點
當前提交
9315328c2f

+ 1 - 0
src/assets/icons/processInfo/heroicons--lock-open.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25"/></svg>

+ 1 - 0
src/assets/icons/processInfo/hugeicons--git-merge.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 20a2 2 0 1 0 0-4a2 2 0 0 0 0 4M7 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4m10 6a2 2 0 1 0 0-4a2 2 0 0 0 0 4M7.022 8.279v7.128m7.39-3.403H10.02c-1.098 0-3.158-.88-3.001-3.224" color="currentColor"/></svg>

+ 1 - 0
src/assets/icons/processInfo/iconoir--trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20 9l-1.995 11.346A2 2 0 0 1 16.035 22h-8.07a2 2 0 0 1-1.97-1.654L4 9m17-3h-5.625M3 6h5.625m0 0V4a2 2 0 0 1 2-2h2.75a2 2 0 0 1 2 2v2m-6.75 0h6.75"/></svg>

+ 1 - 0
src/assets/icons/processInfo/lucide--copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></g></svg>

+ 1 - 0
src/assets/icons/processInfo/mage--edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M19.09 14.441v4.44a2.37 2.37 0 0 1-2.369 2.369H5.12a2.37 2.37 0 0 1-2.369-2.383V7.279a2.356 2.356 0 0 1 2.37-2.37H9.56"/><path d="M6.835 15.803v-2.165c.002-.357.144-.7.395-.953l9.532-9.532a1.362 1.362 0 0 1 1.934 0l2.151 2.151a1.36 1.36 0 0 1 0 1.934l-9.532 9.532a1.361 1.361 0 0 1-.953.395H8.197a1.362 1.362 0 0 1-1.362-1.362M19.09 8.995l-4.085-4.086"/></g></svg>

+ 1 - 0
src/assets/icons/processInfo/solar--forbidden-circle-broken.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m18.5 5.5l-13 13M7 3.338A9.954 9.954 0 0 1 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.821.487-3.53 1.338-5"/></svg>

+ 18 - 11
src/views/flow/group/components/listGroup.vue

@@ -30,9 +30,9 @@
 							</span>
 						</div>
 						<div class="group_header_nameOperate">
-							<el-icon :size="16" class="edit_icon" @click="editFlowGroup('edit', item, index)"><EditPen /></el-icon>
+							<LeIcon class="text-lg" icon-class="icon-processInfo-mage--edit" @click="editFlowGroup('edit', item, index)"/>
 							<el-tooltip effect="dark" content="删除" placement="top">
-								<el-icon :size="16" color="#d03050" class="ml-2" @click="deleteFlowGroup(item)"><Delete /></el-icon>
+								<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" @click="deleteFlowGroup(item)"/>
 							</el-tooltip>
 						</div>
 					</div>
@@ -83,33 +83,40 @@
 											</div>
 										</el-col>
 										<el-col :span="4">
-											<div class="group_itemOperations flex flex-pack-end pr-1">
+											<div class="group_itemOperations flex flex-pack-end flex-align-center pr-1" style="height: 42px">
 												<el-tooltip effect="dark" content="版本控制" placement="top">
-													<el-icon v-if="element.processVersion > 1" class="ml-2" :size="16" @click="historyEv(element)"><SetUp /></el-icon>
+													<LeIcon
+														v-if="element.processVersion > 1"
+														class="text-lg ml-2"
+														icon-class="icon-processInfo-hugeicons--git-merge"
+														@click="historyEv(element)"
+													/>
 												</el-tooltip>
 
 												<el-tooltip effect="dark" content="编辑" placement="top">
-													<el-icon class="ml-2" :size="16" @click="updateEv(element)"><EditPen /></el-icon>
+													<LeIcon class="text-lg ml-2" icon-class="icon-processInfo-mage--edit" @click="updateEv(element)" />
 												</el-tooltip>
 
 												<el-popconfirm title="确定复制 ?" @confirm="copyEv(element.processId)">
 													<template #reference>
-														<el-tooltip effect="dark" content="复制" placement="top">
-															<el-icon class="ml-2" :size="16"><CopyDocument /></el-icon>
-														</el-tooltip>
+														<LeIcon class="text-lg ml-2" icon-class="icon-processInfo-lucide--copy" />
 													</template>
 												</el-popconfirm>
 
 												<el-tooltip v-if="element.processState === 1" effect="dark" content="禁用" placement="top">
-													<el-icon class="ml-2" :size="16" @click="enabledEv(element.processId, 0)"><CircleClose /></el-icon>
+													<LeIcon
+														class="text-lg ml-2"
+														icon-class="icon-processInfo-solar--forbidden-circle-broken"
+														@click="enabledEv(element.processId, 0)"
+													/>
 												</el-tooltip>
 												<el-tooltip v-if="element.processState === 0" effect="dark" content="启用" placement="top">
-													<el-icon class="ml-2" :size="16" @click="enabledEv(element.processId, 1)"><Check /></el-icon>
+													<LeIcon class="text-lg ml-2" icon-class="icon-processInfo-heroicons--lock-open" @click="enabledEv(element.processId, 1)" />
 												</el-tooltip>
 
 												<el-popconfirm title="确定删除 ?" @confirm="stopEv(element.processId)">
 													<template #reference>
-														<el-icon class="ml-2" :size="16" color="#d03050"><Delete /></el-icon>
+														<LeIcon class="text-lg ml-2 text-rose-700" icon-class="icon-processInfo-iconoir--trash" />
 													</template>
 												</el-popconfirm>
 											</div>