From f12fd0b36f027cbbae0fb322b237abe857a32e2b Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 30 十二月 2024 15:35:47 +0800
Subject: [PATCH] 工作流修改颜色，图标； 返回不清除缓存
---
src/views/project/yw/systemManage/flowApp/components/Sidebar.vue | 42 +++++++++---------------------------------
1 files changed, 9 insertions(+), 33 deletions(-)
diff --git a/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue b/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue
index b810f0e..aa55cec 100644
--- a/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue
+++ b/src/views/project/yw/systemManage/flowApp/components/Sidebar.vue
@@ -1,56 +1,32 @@
<template>
- <div class="w-44 bg-white rounded-lg mt-2 py-2 px-2">
+ <div class="bg-white rounded-lg mt-2 py-2 px-2 relative">
<div
- v-for="item in sidebarList"
+ v-for="item in VueFlowConfig.nodeStyleMap.values()"
+ :key="item.type"
class="cursor-grab rounded-md bg-white py-3 px-2 hover:bg-gray-100"
:draggable="true"
@dragstart="handleOnDragStart($event, item.type)"
>
<div class="flex items-center justify-between">
- <h3 class="flex items-center gap-x-2">
- <img :src="item.img" class="h-4 w-4" alt="LLM icon" />
+ <span class="flex items-center gap-x-2">
+ <YWIcon :name="item.icon" :fontSize="item.fontSize" :color="item.color" class="rounded-lg p-1.5" :class="item.class" />
{{ item.title }}
- </h3>
+ </span>
<!-- <plus-icon class="text-primary" /> -->
</div>
</div>
+ <!-- <YWIcon name="close" class="absolute top-2 right-2 cursor-pointer" /> -->
</div>
</template>
<script setup lang="ts">
-import llmImg from '/@/components/vue-flow/ui/assets/images/icon_LLM.png';
-import startImg from '/@/components/vue-flow/ui/assets/images/icon_Start.png';
-import endImg from '/@/components/vue-flow/ui/assets/images/icon_End.png';
-import { NodeType, nodeTypeMap } from '/@/components/vue-flow/vueFlowEnum';
+import YWIcon from '/@/components/icon/index.vue';
+import { VueFlowConfig } from '/@/components/vue-flow/ui/VueFlowConfig';
const emit = defineEmits(['dragstart']);
const handleOnDragStart = (e, type: string) => {
emit('dragstart', e, type);
};
-
-const sidebarList = [
- {
- type: NodeType.Start,
- title: nodeTypeMap[NodeType.Start],
- img: startImg,
- },
- {
- type: NodeType.End,
- title: nodeTypeMap[NodeType.End],
- img: endImg,
- },
- {
- type: NodeType.Condition,
- title: nodeTypeMap[NodeType.Condition],
- img: llmImg,
- },
- {
- type: NodeType.LLM,
- title: nodeTypeMap[NodeType.LLM],
- img: llmImg,
- },
-
-];
</script>
<style scoped lang="scss"></style>
--
Gitblit v1.9.3