refactor: 💡 更换工作流判断图标

src/components/dag/PowerWorkflow.vue

@@ -11,22 +11,24 @@
             <i class="el-icon-document-add"></i>
           </el-tooltip>
         </div>
-        <div @click="importJudgeNode">
+        <div @click="importJudgeNode" v-if="mode !== 'view'">
           <el-tooltip
             :content="$t('message.condition')"
             placement="top"
             effect="light"
           >
-            <i class="el-icon-connection"></i>
+            <i class="iconfont icon-panduanti"></i>
+            <!-- <img src="../../assets/panduanti.png" alt="" width="16" height="16">  -->
           </el-tooltip>
         </div>
-        <div @click="importWorkflowNode">
+        <div @click="importWorkflowNode"  v-if="mode !== 'view'">
           <el-tooltip
             :content="$t('message.workflowChild')"
             placement="top"
             effect="light"
           >
-            <i class="el-icon-c-scale-to-original"></i>
+            <!-- <i class="el-icon-c-scale-to-original"></i> -->
+            <i class="iconfont icon-workflow_"></i>
           </el-tooltip>
         </div>
         <slot name="tool"></slot>
@@ -432,6 +434,9 @@ export default {
 *::after {
   box-sizing: border-box;
 }
+.iconfont {
+  font-size: 18px !important;
+}
 .power-power-flow {
   border: 1px solid #d0d0d0;
   border-top: 0px;

src/iconfont.css

@@ -0,0 +1,21 @@
+@font-face {
+  font-family: "iconfont"; /* Project id  */
+  src: url('./iconfont.ttf?t=1644910247420') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 14px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-workflow_:before {
+  content: "\e60e";
+}
+
+.icon-panduanti:before {
+  content: "\e624";
+}
+

src/main.js

@@ -5,6 +5,7 @@ import { Message } from 'element-ui';
 import './styles.scss'
 import './plugins/element.js'
 import i18n from './i18n/i18n'
+import './iconfont.css';
 
 
 // axios 负责统一拦截处理 ResultDTO，fly 负责处理不需要拦截的请求