From a54c227354d9c41259ad811be99f618fcdc94415 Mon Sep 17 00:00:00 2001
From: li-shengren-123456 <lishengren@h-partners.com>
Date: Sat, 8 Feb 2025 15:56:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E7=BB=93=E6=9D=9F=E8=8A=82=E7=82=B9=E7=AD=89=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=9A=82=E6=97=A0?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/dark_no_flow.png            | Bin 0 -> 7242 bytes
 src/assets/images/light_no_flow.png           | Bin 0 -> 7177 bytes
 src/assets/styles/theme.scss                  |   2 +
 src/views/createapp/components/workFlow.vue   |   8 +-
 .../components/workFlowConfig/CustomEdge.vue  |  10 +-
 .../workFlowConfig/CustomSaENode.vue          | 345 ++++++++++--------
 .../workFlowConfig/workFlowDialog.vue         |   4 +-
 src/views/createapp/index.vue                 |   5 +-
 src/views/styles/createApp.scss               |  10 +
 src/views/styles/workFlowArrange.scss         |  29 +-
 10 files changed, 238 insertions(+), 175 deletions(-)
 create mode 100644 src/assets/images/dark_no_flow.png
 create mode 100644 src/assets/images/light_no_flow.png

diff --git a/src/assets/images/dark_no_flow.png b/src/assets/images/dark_no_flow.png
new file mode 100644
index 0000000000000000000000000000000000000000..dde2b5816a9a0c7cb81166ea8da52b0ca6c776e2
GIT binary patch
literal 7242
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
UPtI?Pt{xj>E??6jYT1VU4^gAyssI20

literal 0
HcmV?d00001

diff --git a/src/assets/images/light_no_flow.png b/src/assets/images/light_no_flow.png
new file mode 100644
index 0000000000000000000000000000000000000000..efafb14f68f3b835427e9ef9ac93ce5cc7796bbd
GIT binary patch
literal 7177
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
U@eyJV$h*|obC>i<dX9Jh3-ik5TmS$7

literal 0
HcmV?d00001

diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 582f07b8..69d0ce24 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -3,6 +3,7 @@ body[theme='dark'] {
   --o-shell-image: url('../../assets/images/dark_shell.png');
   --o-sider: url('../../assets/images/dark_sider.png');
   --o-sider-hover: url('../../assets/images/dark_sider-hover.png');
+  --no-work-flow: url('../../assets/images/dark_no_flow.png');
   --o-button-color: #576372;
   --o-button-border-color: #576372;
   --o-button-disable-color: #626d7c;
@@ -24,6 +25,7 @@ body[theme='light'] {
   --o-shell-image: url('../../assets/images/light_shell.png');
   --o-sider: url('../../assets/images/light_sider.png');
   --o-sider-hover: url('../../assets/images/light_sider-hover.png');
+  --no-work-flow: url('../../assets/images/light_no_flow.png');
   --o-button-color: #c3cedf;
   --o-button-border-color: #d3dce9;
   --o-button-disable-color: #bfc7d7;
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index e6e3b8d0..4e1276ee 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -38,6 +38,7 @@ const debugDialogVisible = ref(false);
 const isNodeAndLineConnect = ref(false);
 const apiServiceList = ref([]);
 const yamlContent = ref();
+const hasWorkFlow = ref(true);
 const emits = defineEmits(['validateConnect']);
 const hanleAsideVisible = () => {
   if (!copilotAside.value) return;
@@ -482,7 +483,7 @@ defineExpose({
 
         <WorkFlowDebug v-if="debugDialogVisible" :handleDebugDialogOps="handleDebugDialogOps" />
       </VueFlow>
-      <div class="workFlowOps">
+      <div class="workFlowOps" v-if="hasWorkFlow">
         <div class="workFlowSelect">
           <el-select v-model="workFlowItem" placeholder="请选择" :suffix-icon="IconCaretDown">
             <template #footer class="selectFooter">
@@ -501,6 +502,11 @@ defineExpose({
         </div>
         <div class="debugStatus"></div>
       </div>
+      <div class="noWorkFlow" v-else>
+        <div class="noFlow"></div>
+        <div class="noFlowDesc">暂无工作流</div>
+        <el-button type="primary" class="w96 addWorkFlow" @click="addWorkFlow">新建工作流</el-button>
+      </div>
     </div>
     <WorkFlowDialog
       v-if="isAddWorkFlow"
diff --git a/src/views/createapp/components/workFlowConfig/CustomEdge.vue b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
index e687e934..edad7b75 100644
--- a/src/views/createapp/components/workFlowConfig/CustomEdge.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
@@ -1,5 +1,5 @@
 <template>
-  <g :id="'edge' + props.id">
+  <g>
     <linearGradient id="success_success">
       <stop offset="0" stop-color="rgba(36, 171, 54, 0.2)" />
     </linearGradient>
@@ -14,7 +14,7 @@
       <stop offset="0" stop-color="rgba(227, 32, 32, 0.2)" />
       <stop offset="100" stop-color="rgba(36, 171, 54, 0.2)" />
     </linearGradient>
-    <linearGradient id="success_runing" >
+    <linearGradient id="success_runing">
       <stop offset="0" stop-color="rgba(36, 171, 54, 0.2)" />
       <stop offset="100" stop-color="rgba(99, 149, 253, 0.3)" />
     </linearGradient>
@@ -23,10 +23,8 @@
       <stop offset="100" stop-color="#DFE5EF" />
     </linearGradient>
     <path
-      :id="'line' + props.id"
       v-if="props.id && connectStatus.includes(status)"
-      :key="pathKey"
-      :d="`M  ${targetX } ${targetY - 1}` + path"
+      :d="`M ${targetX} ${targetY - 1}` +  path"
       fill="none"
       :stroke="`url(#${status})`"
       stroke-width="4"
@@ -58,7 +56,6 @@ const connectStatus = ref([
   'success_runing',
   'connect_runing',
 ]);
-const pathKey = ref(false)
 const props = defineProps({
   id: {
     type: String,
@@ -101,7 +98,6 @@ watch(
     if (!props.id) {
       return;
     }
-    pathKey.value = !pathKey.key;
     // 否则需要根据当前的起源节点和目的节点的位置，对相应的状态进行修改符合样式
     if (props?.targetX < props?.sourceX) {
       if (props.data.sourceStatus === 'success' && props.data.targetStatus === 'error') {
diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index b0a181ee..12eb2850 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -22,10 +22,6 @@ const props = defineProps({
     type: Object,
     required: false,
   },
-  mark: {
-    type: String,
-    required: false,
-  },
 });
 
 const statusList = ref(['waiting', 'success', 'error', 'default']);
@@ -38,6 +34,8 @@ watch(
     const isInclude = statusList.value.includes(props.data?.status);
     if (!isInclude) {
       curStatus.value = 'default';
+    } else {
+      curStatus.value = props.data?.status;
     }
   },
   { deep: true, immediate: true },
@@ -45,193 +43,220 @@ watch(
 </script>
 
 <template>
-  <div class="nodeSaEBorder">
-    <Handle :type="props.data.target" :position="Position[props.data.nodePosition]" :connectable-end="true"></Handle>
-    <div class="outHandleRing outRingLeft"></div>
-    <div class="outHandleRing outRingRight"></div>
-    <div class="nodeShadow"></div>
-    <div class="nodeSaEBorderBox">
-      <img v-if="props.data.name === '开始'" src="@/assets/images/flow_start.svg" alt="">
-      <img v-else="props.data.name === '结束'" src="@/assets/images/flow_end.svg" alt="">
+  <div class="customStartAndEndNode" :class="curStatus">
+    <div class="customNodeStyle nodeSaEBorder">
+      <Handle :type="props.data.target" :position="Position[props.data.nodePosition]" :connectable-end="true"></Handle>
+      <div class="nodeSaEBorderBox">
+        <img v-if="props.data.name === '开始'" src="@/assets/images/flow_start.svg" alt="" />
+        <img v-else="props.data.name === '结束'" src="@/assets/images/flow_end.svg" alt="" />
+      </div>
+      <div class="recoverShadow" :class="props.data.name === '开始' ? 'shadowLeftTop' : 'shadowRightTop'"></div>
+      <div class="recoverShadow" :class="props.data.name === '开始' ? 'shadowLeftBottom' : 'shadowRightBottom'"></div>
     </div>
+    <div class="saEText">{{ props.data.name }}</div>
+    <div class="handleShadow" :class="props.data.name === '开始' ? 'startShadow' : 'endShadow'"></div>
   </div>
-  <div class="saEText">{{ props.data.name }}</div>
 </template>
 
 <style lang="scss">
-.vue-flow__node {
-  min-width: unset !important;
-  padding: 0;
-  margin-top: -4px;
-  .nodeSaEBorderBox {
-    div {
-      text-align: center;
-    }
-    .desc {
-      color: var(--o-text-color-tertiary);
-    }
-    &:hover {
-      .vue-flow__handle-left {
-        width: 24px;
-        height: 24px;
-        left: -8px;
-        margin-top: -12px;
-        transform: rotate(-45deg);
-        border: 4px solid rgba(122, 165, 255, 0.3);
-        border-right: 4px solid transparent;
-        border-bottom: 4px solid transparent;
-        &::after {
-          border: 3px solid rgba(122, 165, 255, 0.3);
-          background: rgba(122, 165, 255);
-          background-clip: content-box;
-        }
-      }
-    }
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .saEText {
-    color: var(--o-text-color-primary);
-    height: 24px;
-    text-align: center;
-    margin-top: 18px;
-  }
-}
-
-.vue-flow__node:has(.default){
+.vue-flow__node-custom-start,
+.vue-flow__node-custom-end {
   margin-top: 0px;
-}
-
-.nodeSaEBorder {
-  width: 56px;
-  height: 56px;
-  background: var(--o-bg-color-base);
-  display: flex;
-  align-items: center;
-  border-radius: 8px;
-  justify-content: center;
-  position: relative;
-  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
-  transform: rotate(45deg);
-
-  .outHandleRing {
-    position: absolute;
-    display: block;
-    width: 24px;
-    height: 24px;
-    background: #fff;
-    border-radius: 50%;
-    top: 50%;
-    z-index: -1;
+  &:has(.default) {
+    margin-top: -4px;
   }
-  .outRingLeft {
+  // 默认状态不显示-悬浮时显示
+  .handleShadow {
     display: none;
-    left: -12px;
-    margin-top: -12px;
   }
-  .outRingRight {
+  .recoverShadow {
     display: none;
-    right: -12px;
-    margin-top: -12px;
   }
-  .nodeSaEBorderBox {
-    width: 40px;
-    height: 40px;
-    border-radius: 8px;
-    background: #5ab3ff;
+  .nodeSaEBorder {
+    width: 56px;
+    height: 56px;
     display: flex;
     align-items: center;
+    border-radius: 8px;
     justify-content: center;
-    background: linear-gradient(127.6deg, rgba(109, 117, 250, 0.15) 8.685%, rgba(90, 179, 255, 0.15) 98.985%);
-    * {
-      transform: rotate(-45deg);
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
+    transform: rotate(45deg);
+    border: none;
+    .nodeSaEBorderBox {
+      width: 40px;
+      height: 40px;
+      border-radius: 8px;
+      background: #5ab3ff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: linear-gradient(127.6deg, rgba(109, 117, 250, 0.15) 8.685%, rgba(90, 179, 255, 0.15) 98.985%);
+      * {
+        transform: rotate(-45deg);
+      }
+    }
+    img {
+      width: 100%;
+      height: 100%;
     }
-  }
-  &:hover {
-    border: 4px solid rgba(99, 149, 253, 0.3);
-    box-shadow: 0px 0px 0px 8px rgba(99, 149, 253, 0.1);
     .vue-flow__handle-right {
-      right: -8px;
+      top: 0;
+      border-radius: 50%;
       width: 24px;
       height: 24px;
-      right: -12px;
-      margin-top: -12px;
-      transform: rotate(45deg);
-      border: 4px solid rgba(99, 149, 253, 0.3);
+      right: 4px;
+      margin-top: 4px;
       z-index: -1;
-      border-bottom: 4px solid transparent;
-      &::after {
-        border: 4px solid rgba(99, 149, 253, 0.3);
-        background: rgba(99, 149, 253);
-        background-clip: content-box;
-      }
     }
     .vue-flow__handle-left {
-      right: -8px;
+      top: 100%;
+      left: 4px;
       width: 24px;
       height: 24px;
-      left: -12px;
-      margin-top: -12px;
-      transform: rotate(45deg);
-      border: 4px solid rgba(99, 149, 253, 0.3);
+      margin-top: -4px;
+      border-radius: 50%;
       z-index: -1;
-      border-top: 4px solid transparent;
-      &::after {
+    }
+  }
+
+  &:hover {
+    // 由于开始结束节点多一层nodeSaEBorder结构，因此这里handle样式单独写
+    .nodeSaEBorder {
+      border: 4px solid rgba(99, 149, 253, 0.3);
+      box-shadow: 0px 0px 0px 8px rgba(99, 149, 253, 0.1);
+      .vue-flow__handle-right {
+        right: -12px;
+        margin-top: -12px;
+        transform: rotate(45deg);
+        border: 4px solid rgba(99, 149, 253, 0.3);
+        z-index: -1;
+        border-bottom: 4px solid transparent;
+      }
+      .vue-flow__handle-left {
+        left: -12px;
+        margin-top: -12px;
+        transform: rotate(45deg);
         border: 4px solid rgba(99, 149, 253, 0.3);
-        background: rgba(99, 149, 253);
-        background-clip: content-box;
+        z-index: -1;
+        border-top: 4px solid transparent;
       }
     }
-    .outRingRight {
-      display: none;
-      box-shadow: 0px 0px 0px 8px rgba(99, 149, 253, 0.1);
-      background-clip: content-box;
+    .handleShadow {
+      display: block;
+      position: absolute;
+      top: 16px;
+      width: 24px;
+      height: 24px;
+      border-radius: 50%;
+      box-shadow: 0px 0px 0px 8px var(--flow-node-default-over-color);
+      z-index: -1;
+    }
+    .startShadow {
+      left: 50px;
+    }
+    .endShadow {
+      left: -18px;
+    }
+    // 悬浮时成功状态样式
+    .success {
+      .nodeSaEBorder {
+        box-shadow: 0px 0px 0px 8px rgba(36, 171, 54, 0.1);
+        .recoverShadow {
+          background-color: var(--flow-node-success-over-color);
+        }
+      }
+      .handleShadow {
+        box-shadow: 0px 0px 0px 8px rgba(36, 171, 54, 0.1);
+      }
+    }
+    // 悬浮时失败状态样式
+    .error {
+      .nodeSaEBorder {
+        box-shadow: 0px 0px 0px 8px rgba(227, 32, 32, 0.1);
+        .recoverShadow {
+          background-color: var(--flow-node-error-over-color);
+        }
+      }
+      .handleShadow {
+        box-shadow: 0px 0px 0px 8px rgba(227, 32, 32, 0.1);
+      }
+    }
+    .recoverShadow {
+      display: block;
+      position: absolute;
+      background-color: var(--flow-node-default-over-color);
+      z-index: -2;
+    }
+    .shadowLeftTop {
+      width: 8px;
+      height: 18px;
+      right: -12px;
+      top: 2px;
+    }
+    .shadowLeftBottom {
+      width: 18px;
+      height: 8px;
+      right: 2px;
+      top: -12px;
+    }
+    .shadowRightTop {
+      width: 18px;
+      height: 8px;
+      left: 2px;
+      bottom: -12px;
+    }
+    .shadowRightBottom {
+      width: 8px;
+      height: 18px;
+      left: -12px;
+      bottom: 2px;
     }
   }
-
-  .vue-flow__handle-right {
-    top: 0;
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    background: rgb(253, 254, 255);
-    display: flex;
-    right: 4px;
-    margin-top: 4px;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .vue-flow__handle-right::after {
-    content: '';
-    width: 12px;
-    height: 12px;
-    border: 4px solid rgb(223, 229, 239);
-    border-radius: 50%;
-    background: rgb(141, 152, 170);
+  .success {
+    .nodeSaEBorder {
+      border: 4px solid rgba(36, 171, 54, 0.3);
+      .vue-flow__handle-left {
+        transform: rotate(-45deg);
+        left: -12px;
+        margin-top: -12px;
+        border: 4px solid rgba(36, 171, 54, 0.3);
+        border-right: 4px solid transparent;
+      }
+      .vue-flow__handle-right {
+        right: -12px;
+        margin-top: -12px;
+        transform: rotate(45deg);
+        border: 4px solid rgba(36, 171, 54, 0.3);
+        border-bottom: 4px solid transparent;
+      }
+    }
   }
-  .vue-flow__handle-left {
-    top: 100%;
-    width: 16px;
-    height: 16px;
-    left: 4px;
-    margin-top: -4px;
-    border-radius: 50%;
-    background: rgb(253, 254, 255);
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  .error {
+    .nodeSaEBorder {
+      border: 4px solid rgba(227, 32, 32, 0.3);
+      .vue-flow__handle-left {
+        left: -12px;
+        margin-top: -12px;
+        transform: rotate(-45deg);
+        border: 4px solid rgba(227, 32, 32, 0.3);
+        border-right: 4px solid transparent;
+      }
+      .vue-flow__handle-right {
+        right: -12px;
+        margin-top: -12px;
+        transform: rotate(45deg);
+        border: 4px solid rgba(227, 32, 32, 0.3);
+        border-bottom: 4px solid transparent;
+      }
+    }
   }
+}
 
-  .vue-flow__handle-left::after {
-    content: '';
-    width: 12px;
-    height: 12px;
-    border: 4px solid rgb(223, 229, 239);
-    border-radius: 50%;
-    background: rgb(141, 152, 170);
-  }
+.saEText {
+  color: var(--o-text-color-primary);
+  width: 56px;
+  height: 24px;
+  text-align: center;
+  margin-top: 18px;
 }
 </style>
diff --git a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index 49ad6b42..a59a5c3b 100644
--- a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
+++ b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
@@ -9,10 +9,10 @@
       label-position="left"
     >
       <el-form-item prop="name" label="工作流名称">
-        <el-input v-model="workFlowData.name" placeholder="请输入" class="w320 o-validate-input" clearable></el-input>
+        <el-input v-model="workFlowData.name" placeholder="请输入" maxlength="20" class="w320 o-validate-input" clearable></el-input>
       </el-form-item>
       <el-form-item prop="desc" label="工作流描述">
-        <el-input v-model="workFlowData.desc" placeholder="请输入" class="w320 o-validate-input" clearable></el-input>
+        <el-input type="textarea" show-word-limit maxlength="150" v-model="workFlowData.desc" placeholder="请输入" class="w320 workFlowDesc o-validate-input" clearable></el-input>
       </el-form-item>
     </el-form>
     <template #footer>
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 7d6c2936..b76a3ca9 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -115,8 +115,7 @@ const handleJumperAppCenter = () => {
       <el-button>取消</el-button>
       <el-button>保存</el-button>
       <el-button :disabled="true">预览</el-button>
-      <!-- :disabled="appFormValidate || appFormValidate" -->
-      <el-button type="primary" @click="handlePulishApp()">发布</el-button>
+      <el-button type="primary" :disabled="publishValidate" @click="handlePulishApp()">发布</el-button>
     </div>
   </div>
 </template>
@@ -130,13 +129,11 @@ const handleJumperAppCenter = () => {
 ::-webkit-scrollbar {
   width: 3px !important;
   height: 3px !important;
-  // display: none;
 }
 
 /* 滚动条的滑块 */
 ::-webkit-scrollbar-thumb {
   background-color: #c3cedf;
   border-radius: 3px;
-  // display: none;
 }
 </style>
diff --git a/src/views/styles/createApp.scss b/src/views/styles/createApp.scss
index 8004d868..a1749b21 100644
--- a/src/views/styles/createApp.scss
+++ b/src/views/styles/createApp.scss
@@ -337,3 +337,13 @@
 .w320 {
   width: 320px;
 }
+
+.w96 {
+  width: 96px;
+}
+
+.workFlowDesc {
+  .el-textarea__inner {
+    height: 56px;
+  }
+}
diff --git a/src/views/styles/workFlowArrange.scss b/src/views/styles/workFlowArrange.scss
index a6897eaf..523f9d64 100644
--- a/src/views/styles/workFlowArrange.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -135,7 +135,6 @@
   .workFlowContainerRight {
     position: relative;
     .workFlowOps {
-      position: absolute;
       position: absolute;
       left: 24px;
       top: 24px;
@@ -161,6 +160,34 @@
         }
       }
     }
+    .noWorkFlow {
+      position: absolute;
+      width: 320px;
+      height: 202px;
+      top: 50%;
+      left: 50%;
+      margin-top: -160px;
+      margin-left: -102px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0px;
+      .noFlow {
+        height: 130px;
+        width: 100%;
+        background-image: var(--no-work-flow);
+        background-size: 100% 100%;
+        line-height: 130px;
+      }
+      .noFlowDesc {
+        width: 100%;
+        height: 16px;
+        margin-top: 8px;
+        margin-bottom: 16px;
+        text-align: center;
+        color: var(--o-text-color-secondary);
+      }
+    }
   }
   .addWorkFlow {
     display: flex;
-- 
Gitee